<!--
 * @Author: your name
 * @Date: 2021-07-08 12:11:44
 * @LastEditTime: 2022-01-29 11:41:31
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \jinfeng_up\src\pages\dataStatistics\dataStatistics.vue
-->
<template>
    <div class="dataStatic">
        <!-- //反馈关闭率 -->

        <section class="sections">
            <el-card shadow="always" :body-style="cardStyle">
                <el-tabs v-model="activeName" @tab-click="handleClick">
                    <el-tab-pane label="月度反馈关闭率" name="6">
                        <el-collapse accordion>
                            <el-collapse-item>
                                <template slot="title">
                                    统计说明
                                    <i class="header-icon el-icon-info"></i>
                                </template>
                                <div>
                                    分母<br />
                                    <span class="left2em"
                                        >1. 发布时间在统计周期之内的反馈</span
                                    ><br />
                                    <span class="left2em"
                                        >2.
                                        激活时间在统计周期内，发布时间小于统计周期
                                        同时不属于上月遗留 的所有反馈</span
                                    ><br />
                                    <span class="left2em"
                                        >3. 上个统计周期内 类型为 反馈
                                        的，反馈未关闭</span
                                    ><br />
                                    <span class="left2em"
                                        >4. 上个统计周期内 类型为 bug 的，bug
                                        未解决</span
                                    ><br />
                                    <span class="left2em"
                                        >5. 上个统计周期内 类型为 需求
                                        的，需求未答复</span
                                    ><br />
                                    <span class="left2em"
                                        >6. 上个统计周期内 类型为 bug&需求
                                        的，bug未解决或者需求未答复</span
                                    ><br />
                                </div>
                                <div>
                                    分子<br />
                                    <span class="left2em"
                                        >1. 所有分母中， 类型为 反馈
                                        的，反馈已关闭的总和</span
                                    ><br />
                                    <span class="left2em"
                                        >2. 所有分母中， 类型为 bug
                                        的，bug已解决的总和</span
                                    ><br />
                                    <span class="left2em"
                                        >3. 所有分母中， 类型为
                                        需求的，需求已答复的总和</span
                                    ><br />
                                    <span class="left2em"
                                        >4. 所有分母中， 类型为
                                        bug&需求的，bug全部已解决
                                        需求全部已答复</span
                                    ><br />
                                    备注:
                                    <br />
                                    <p class="left2em">
                                        统计周期 =
                                        由于反馈给与20天的处理时间，按每月28号上报数据，故针对新建问题统计上月9号到本月8号新建的问题
                                    </p>

                                    <p class="left2em">
                                        反馈已关闭 = 反馈C1状态已关闭
                                    </p>
                                    <p class="left2em">
                                        bug已解决 =
                                        bug状态为已关闭或者bug状态已解决
                                    </p>
                                    <p class="left2em">需求已答复:</p>
                                    <span class="left2em"
                                        >1.先判断原始需求是否关闭，如果关闭，判断为已答复</span
                                    >
                                    <br />
                                    <span class="left2em"
                                        >2.如果原始需求未关闭，
                                        需要看产品需求状态:</span
                                    ><br />
                                    <span class="left4em"
                                        >①无产品需求则判定为未答复</span
                                    ><br />
                                    <span class="left4em"
                                        >②有产品需求，产品需求是否有版本计划或是否关闭，若有版本计划或关闭，则判定为已答复；</span
                                    ><br />
                                </div>
                            </el-collapse-item>
                        </el-collapse>
                        <div class="searchCondition">
                            <el-form
                                :inline="true"
                                label-position="left"
                                :model="searchConditionForm"
                                label-width="120px"
                                class="searchConditionForm"
                                ref="searchConditionForm"
                            >
                                <div>
                                    <el-form-item
                                        label="产品名称"
                                        prop="productId"
                                    >
                                        <el-select
                                            v-model="
                                                searchConditionForm.productId
                                            "
                                            placeholder="全部产品"
                                            multiple
                                            clearable
                                            filterable
                                            collapse-tags
                                            style="min-width: 220px"
                                        >
                                            <!-- <el-option label="全部产品" value=""></el-option> -->
                                            <el-option
                                                v-for="(
                                                    item, index
                                                ) in ProductList"
                                                :key="index"
                                                :label="item.name"
                                                :value="item.id"
                                            ></el-option>
                                        </el-select>
                                    </el-form-item>
                                    <el-form-item
                                        label="营销项目名称"
                                        prop="marketProject"
                                    >
                                        <el-select
                                            v-model="
                                                searchConditionForm.marketProject
                                            "
                                            placeholder="全部营销项目"
                                            style="min-width: 220px"
                                            filterable
                                            clearable
                                            multiple
                                            collapse-tags
                                        >
                                            <!-- <el-option label="全部营销项目名称" value=""></el-option> -->
                                            <el-option
                                                v-for="(
                                                    item, index
                                                ) in projectList"
                                                :key="index"
                                                :label="item.title"
                                                :value="item.id"
                                            >
                                            </el-option>
                                        </el-select>
                                    </el-form-item>
                                    <el-form-item
                                        label="反馈来源"
                                        prop="feedBackSource"
                                    >
                                        <el-select
                                            v-model="
                                                searchConditionForm.feedBackSource
                                            "
                                            placeholder="全部反馈来源"
                                            filterable
                                            multiple
                                            clearable
                                            style="min-width: 220px"
                                        >
                                            <!-- <el-option label="全部反馈来源" value=""></el-option> -->
                                            <el-option
                                                v-for="(
                                                    item, index
                                                ) in feedBackSourceList"
                                                :key="index"
                                                :label="item.title"
                                                :value="item.id"
                                            >
                                            </el-option>
                                        </el-select>
                                    </el-form-item>
                                </div>
                                <div>
                                    <el-form-item label="年份" prop="year">
                                        <el-date-picker
                                            v-model="searchConditionForm.year"
                                            format="yyyy 年"
                                            value-format="yyyy"
                                            :editable="false"
                                            :clearable="false"
                                            :picker-options="disabledYears"
                                            type="year"
                                            placeholder="选择年份"
                                            style="min-width: 220px"
                                        >
                                        </el-date-picker>
                                    </el-form-item>
                                    <el-form-item label="查询周期" prop="month"
                                            v-if="uiViewSix === '列表UI'">
                                        <el-select
                                            style="min-width: 220px"
                                            v-model="searchConditionForm.month"
                                            placeholder="查询周期"
                                            :editable="false"
                                            :clearable="false"
                                            filterable
                                        >
                                            <el-option label="全部" :value="0">
                                            </el-option>
                                            <el-option label="1月" :value="1">
                                            </el-option>
                                            <el-option label="2月" :value="2">
                                            </el-option>
                                            <el-option label="3月" :value="3">
                                            </el-option>
                                            <el-option label="4月" :value="4">
                                            </el-option>
                                            <el-option label="5月" :value="5">
                                            </el-option>
                                            <el-option label="6月" :value="6">
                                            </el-option>
                                            <el-option label="7月" :value="7">
                                            </el-option>
                                            <el-option label="8月" :value="8">
                                            </el-option>
                                            <el-option label="9月" :value="9">
                                            </el-option>
                                            <el-option label="10月" :value="10">
                                            </el-option>
                                            <el-option label="11月" :value="11">
                                            </el-option>
                                            <el-option label="12月" :value="12">
                                            </el-option>
                                        </el-select>
                                    </el-form-item>
                                </div>
                                <div class="conditionButtons">
                                    <el-form-item>
                                        <el-button
                                            type="primary"
                                            @click="searchCharts"
                                            >搜索</el-button
                                        >
                                    </el-form-item>
                                    <el-form-item>
                                        <el-button
                                            type="primary"
                                            @click="
                                                reset('searchConditionForm')
                                            "
                                            >重置</el-button
                                        >
                                    </el-form-item>

                                    <el-form-item>
                                        <el-button
                                            type="primary"
                                            @click="exportRateOfMonth"
                                            >导出报表</el-button
                                        >
                                    </el-form-item>
                                    <el-form-item>
                                        <el-button
                                            type="primary"
                                            @click="exportRateDetailOfMonth"
                                            >导出未达标数据</el-button
                                        >
                                    </el-form-item>

                                    <el-form-item>
                                        <el-button
                                            type="success"
                                            @click="saveSearchForm"
                                            >保存搜索条件</el-button
                                        >
                                    </el-form-item>
                                    <el-form-item>
                                        <el-button
                                            type="primary"
                                            @click="searchConditionManage"
                                            >搜索条件管理</el-button
                                        >
                                    </el-form-item>
                                    <el-form-item class="switchViews">
                                        <!-- <el-button  type="warning">切换UI</el-button> -->
                                        <el-radio-group
                                            v-model="uiViewSix"
                                        >
                                            <el-radio-button
                                                label="列表UI"
                                            ></el-radio-button>
                                            <el-radio-button
                                                label="图表UI"
                                            ></el-radio-button>
                                        </el-radio-group>
                                    </el-form-item>
                                </div>
                            </el-form>
                        </div>
                        <div class="viewContainer">
                            <el-table
                                v-loading="echartDataLoading"
                                max-height="441"
                                border
                                v-show="uiViewSix === '列表UI'"
                                :data="echartDataSix.data"
                                :span-method="objectSpanMethodByCondition"
                                style="width: 100%"
                                header-align="center"
                                :cell-style="{ textAlign: 'center', height: '50px' }"
                                :header-cell-style="{
                                    textAlign: 'center',
                                    height: '50px',
                                    backgroundColor: '#f6f6f6',
                                }"
                            >
                                <template
                                    v-for="(v, i) in echartDataSix.columns"
                                >
                                    <el-table-column
                                        align="center"
                                        :prop="v.field"
                                        :label="v.title"
                                        :key="i"
                                        v-if="v.istrue"
                                        :min-width="v.width"
                                    >
                                        <template slot-scope="scope">
                                            <span>{{
                                                scope.row[v.field]
                                            }}</span>
                                        </template>
                                    </el-table-column>
                                </template>
                            </el-table>
                            <div
                                id="echartsContainer"
                                v-if="uiViewSix === '图表UI'"
                                style="width: 100%; height: 400px"
                            >
                                <staticHighchart
                                    ref="mychild"
                                    :id="pieIdSix"
                                    :option="pieOptionSix"
                                />
                            </div>
                        </div>
                    </el-tab-pane>
                    <el-tab-pane label="反馈关闭率" name="1">
                        <el-collapse accordion>
                            <el-collapse-item>
                                <template slot="title">
                                    统计说明
                                    <i class="header-icon el-icon-info"></i>
                                </template>
                                <div>
                                    <article>
                                        <h1>C1关闭率-新建</h1>
                                        <p class="left2em">分母</p>
                                        <p class="left4em">
                                            1. 发布时间在统计周期之内的反馈
                                        </p>
                                        <p class="left2em">分子</p>
                                        <p class="left4em">
                                            1. 所有分母中，C1已关闭的反馈
                                        </p>
                                    </article>
                                    <article>
                                        <h1>C1关闭率-总计</h1>
                                        <p class="left2em">分母</p>
                                        <p class="left4em">
                                            1. 发布时间在统计周期之内的反馈
                                        </p>
                                        <p class="left4em">
                                            2. 上个统计周期内C1未关闭的反馈
                                        </p>
                                        <p class="left4em">
                                            3.
                                            C1激活时间在统计周期内，发布时间小于统计周期,
                                            同时不属于上个统计周期遗留C1未关闭反馈
                                        </p>
                                        <p class="left2em">分子</p>
                                        <p class="left4em">
                                            1. 所有分母中，C1关闭的反馈
                                        </p>
                                    </article>
                                    <article>
                                        <h1>C2关闭率-新建</h1>
                                        <p class="left2em">分母</p>
                                        <p class="left4em">
                                            1.
                                            第一次进入C2环时间在统计周期之内的反馈
                                        </p>
                                        <p class="left2em">分子</p>
                                        <p class="left4em">
                                            1. 所有分母中，C2已关闭的反馈
                                        </p>
                                    </article>
                                    <article>
                                        <h1>C2关闭率-总计</h1>
                                        <p class="left2em">分母</p>
                                        <p class="left4em">
                                            1.
                                            第一次进入C2环时间在统计周期之内的反馈
                                        </p>
                                        <p class="left4em">
                                            2. 上个统计周期内C2未关闭的反馈
                                        </p>
                                        <p class="left4em">
                                            2.
                                            C2激活时间在统计周期内，第一次进入C2环时间小于统计周期开始时间，同时不属于上个统计周期C2未关闭的反馈
                                        </p>
                                        <p class="left2em">分子</p>
                                        <p class="left4em">
                                            1. 所有分母中，C2关闭的反馈
                                        </p>
                                    </article>
                                    <p>备注：</p>
                                    <p class="left2em">
                                        统计周期 =
                                        由于反馈给与20天的处理时间，按每月28号上报数据，故针对新建问题统计上月9号到本月8号新建的问题
                                    </p>
                                    <p class="left2em">C1关闭 = 反馈C1环关闭</p>
                                    <p class="left2em">C1激活 = 反馈C1被激活</p>
                                    <p class="left2em">
                                        C2激活 =
                                        反馈C2被激活（反馈C2状态由已关闭流转至其他任意状态）
                                    </p>
                                    <p class="left2em">
                                        当查询条件为近60天时，查询实时数据，所有条件中不包含上个周期遗留
                                    </p>
                                </div>
                            </el-collapse-item>
                        </el-collapse>
                        <div class="searchCondition">
                            <el-form
                                label-position="left"
                                label-width="120px"
                                :inline="true"
                                :model="rateForm"
                                ref="rateForm"
                                class="searchConditionForm"
                            >
                                <el-form-item prop="productId" label="产品名称">
                                    <el-select
                                        v-model="rateForm.productId"
                                        placeholder="全部产品"
                                        clearable
                                        multiple
                                        filterable
                                        collapse-tags
                                        style="min-width: 220px"
                                    >
                                        <!-- <el-option label="全部产品" value=""></el-option> -->
                                        <el-option
                                            v-for="(item, index) in ProductList"
                                            :key="index"
                                            :label="item.name"
                                            :value="item.id"
                                        >
                                        </el-option>
                                    </el-select>
                                </el-form-item>
                                <el-form-item
                                    prop="influenceCategory"
                                    label="影响类别"
                                >
                                    <el-select
                                        v-model="rateForm.influenceCategory"
                                        placeholder="影响类别"
                                        multiple
                                        clearable
                                        filterable
                                        collapse-tags
                                        style="min-width: 220px"
                                    >
                                        <!-- <el-option label="全部影响类别" value=""></el-option> -->
                                        <el-option
                                            v-for="(
                                                item, index
                                            ) in influenceCategory"
                                            :key="index"
                                            :label="item.title"
                                            :value="item.id"
                                        >
                                        </el-option>
                                    </el-select>
                                </el-form-item>
                                <el-form-item
                                    prop="serverRequestTag"
                                    label="是否服务请求"
                                >
                                    <el-select
                                        v-model="rateForm.serverRequestTag"
                                        placeholder="是否服务请求"
                                        clearable
                                        style="min-width: 220px"
                                    >
                                        <!-- <el-option label="全部反馈" value=""></el-option> -->
                                        <el-option
                                            label="是"
                                            :value="true"
                                        ></el-option>
                                        <el-option
                                            label="否"
                                            :value="false"
                                        ></el-option>
                                    </el-select>
                                </el-form-item>
                                <el-form-item
                                    prop="marketProject"
                                    label="营销项目名称"
                                >
                                    <el-select
                                        v-model="rateForm.marketProject"
                                        placeholder="营销项目名称"
                                        style="min-width: 220px"
                                        filterable
                                        clearable
                                        multiple
                                        collapse-tags
                                    >
                                        <!-- <el-option label="全部营销项目名称" value=""></el-option> -->
                                        <el-option
                                            v-for="(item, index) in projectList"
                                            :key="index"
                                            :label="item.title"
                                            :value="item.id"
                                        >
                                        </el-option>
                                    </el-select>
                                </el-form-item>
                                <el-form-item
                                    label="反馈来源"
                                    prop="feedBackSource"
                                >
                                    <el-select
                                        v-model="rateForm.feedBackSource"
                                        placeholder="全部反馈来源"
                                        multiple
                                        clearable
                                        filterable
                                        collapse-tags
                                        style="min-width: 220px"
                                    >
                                        <!-- <el-option label="全部反馈来源" value=""></el-option> -->
                                        <el-option
                                            v-for="(
                                                item, index
                                            ) in feedBackSourceList"
                                            :key="index"
                                            :label="item.title"
                                            :value="item.id"
                                        >
                                        </el-option>
                                    </el-select>
                                </el-form-item>
                                <el-form-item label="年份" prop="year">
                                    <el-date-picker
                                        v-model="rateForm.year"
                                        format="yyyy 年"
                                        value-format="yyyy"
                                        :editable="false"
                                        :clearable="false"
                                        :picker-options="disabledYears"
                                        type="year"
                                        placeholder="选择年份"
                                        style="min-width: 220px"
                                    >
                                    </el-date-picker>
                                </el-form-item>
                                <el-form-item label="查询周期" prop="month">
                                    <el-select
                                        style="min-width: 220px"
                                        v-model="rateForm.month"
                                        placeholder="全部月份"
                                        :editable="false"
                                        :clearable="false"
                                        filterable
                                    >
                                        <el-option label="本年度" :value="0">
                                        </el-option>
                                        <el-option label="近60天" :value="60">
                                        </el-option>
                                        <el-option label="近30天" :value="30">
                                        </el-option>
                                        <el-option label="1月" :value="1">
                                        </el-option>
                                        <el-option label="2月" :value="2">
                                        </el-option>
                                        <el-option label="3月" :value="3">
                                        </el-option>
                                        <el-option label="4月" :value="4">
                                        </el-option>
                                        <el-option label="5月" :value="5">
                                        </el-option>
                                        <el-option label="6月" :value="6">
                                        </el-option>
                                        <el-option label="7月" :value="7">
                                        </el-option>
                                        <el-option label="8月" :value="8">
                                        </el-option>
                                        <el-option label="9月" :value="9">
                                        </el-option>
                                        <el-option label="10月" :value="10">
                                        </el-option>
                                        <el-option label="11月" :value="11">
                                        </el-option>
                                        <el-option label="12月" :value="12">
                                        </el-option>
                                    </el-select>
                                </el-form-item>

                                <div class="conditionButtons">
                                    <el-form-item>
                                        <el-button
                                            size="small"
                                            type="primary"
                                            @click="rateSearch"
                                            >搜索</el-button
                                        >
                                    </el-form-item>
                                    <el-form-item>
                                        <el-button
                                            size="small"
                                            type="primary"
                                            @click="reset('rateForm')"
                                            >重置</el-button
                                        >
                                    </el-form-item>
                                    <el-form-item>
                                        <el-button
                                            type="primary"
                                            @click="FeedbackExport"
                                            >导出报表</el-button
                                        >
                                    </el-form-item>
                                    <el-form-item>
                                        <el-button
                                            type="primary"
                                            @click="FeedBackDetailExport"
                                            >导出未关闭数据</el-button
                                        >
                                    </el-form-item>
                                    <el-form-item>
                                        <el-button
                                            type="success"
                                            @click="saveSearchForm"
                                            >保存搜索条件</el-button
                                        >
                                    </el-form-item>
                                    <el-form-item>
                                        <el-button
                                            type="primary"
                                            @click="searchConditionManage"
                                            >搜索条件管理</el-button
                                        >
                                    </el-form-item>
                                    <el-form-item class="switchViews">
                                    </el-form-item>
                                </div>
                            </el-form>
                        </div>
                        <div class="viewContainer">
                            <el-table
                                v-loading="echartDataLoadingOne"
                                max-height="441"
                                border
                                :data="echartDataOne.data"
                                :span-method="objectSpanMethodByConditions"
                                style="width: 100%"
                                header-align="center"
                                :header-cell-style="{
                                    textAlign: 'center',
                                    height: '50px',
                                    backgroundColor: '#f6f6f6',
                                }"
                            >
                                <template
                                    v-for="(v, i) in echartDataOne.columns"
                                >
                                    <el-table-column
                                        align="center"
                                        :prop="v.field"
                                        :label="v.title"
                                        :key="i"
                                        v-if="v.istrue"
                                        :min-width="v.width"
                                    >
                                        <template slot-scope="scope">
                                            <span>{{
                                                scope.row[v.field]
                                            }}</span>
                                        </template>
                                    </el-table-column>
                                </template>
                            </el-table>
                        </div>
                    </el-tab-pane>
                    <el-tab-pane label="已关闭问题统计" name="2">
                        <el-tabs
                            v-model="activeName2"
                            @tab-click="handleClick2"
                        >
                            <el-tab-pane label="C1关闭原因统计" name="7">
                                <el-collapse accordion>
                                    <el-collapse-item>
                                        <template slot="title">
                                            统计说明
                                            <i
                                                class="header-icon el-icon-info"
                                            ></i>
                                        </template>
                                        <div>
                                            <article>
                                                <h1>C1关闭原因占比</h1>
                                                <p>分母</p>
                                                <!-- <p class="left2em">1. 统计周期内C1已关闭的反馈数量</p> -->
                                                <p class="left2em">
                                                    1.
                                                    统计周期内所有C1已关闭的反馈数量
                                                </p>
                                                <p class="left2em">
                                                    PS:
                                                    反馈最后一次关闭时间在统计周期内反馈当前状态为已关闭，多次关闭取最后一条关闭原因
                                                </p>
                                                <p>分子</p>
                                                <!-- <p class="left2em">1. 统计周期内单个关闭原因的反馈数量</p> -->
                                                <p class="left2em">
                                                    1.
                                                    统计周期内单个C1关闭原因的反馈数量（多次关闭取最后一条关闭原因）
                                                </p>
                                            </article>
                                            <p>备注：</p>
                                            <p class="left2em">
                                                统计周期 =
                                                查询条件中年份+月份（例：2021年1月
                                                = 2020-01-01 00:00:00 至
                                                2020-02-01 00:00:00）
                                            </p>
                                            <p class="left2em">
                                                C1关闭 = 反馈C1环关闭
                                            </p>
                                        </div>
                                    </el-collapse-item>
                                </el-collapse>
                                <div class="searchCondition">
                                    <el-form
                                        label-position="left"
                                        label-width="120px"
                                        :inline="true"
                                        :model="rateSenveForm"
                                        ref="rateSenveForm"
                                        class="searchConditionForm"
                                    >
                                        <el-form-item
                                            prop="productId"
                                            label="产品名称"
                                        >
                                            <el-select
                                                v-model="
                                                    rateSenveForm.productId
                                                "
                                                placeholder="全部产品"
                                                clearable
                                                multiple
                                                filterable
                                                collapse-tags
                                                style="min-width: 220px"
                                            >
                                                <!-- <el-option label="全部产品" value=""></el-option> -->
                                                <el-option
                                                    v-for="(
                                                        item, index
                                                    ) in ProductList"
                                                    :key="index"
                                                    :label="item.name"
                                                    :value="item.id"
                                                >
                                                </el-option>
                                            </el-select>
                                        </el-form-item>
                                        <el-form-item
                                            prop="marketProject"
                                            label="营销项目名称"
                                        >
                                            <el-select
                                                v-model="
                                                    rateSenveForm.marketProject
                                                "
                                                placeholder="营销项目名称"
                                                style="min-width: 220px"
                                                filterable
                                                clearable
                                                multiple
                                                collapse-tags
                                            >
                                                <!-- <el-option
                          label="全部营销项目名称"
                          value=""
                        ></el-option> -->
                                                <el-option
                                                    v-for="(
                                                        item, index
                                                    ) in projectList"
                                                    :key="index"
                                                    :label="item.title"
                                                    :value="item.id"
                                                >
                                                </el-option>
                                            </el-select>
                                        </el-form-item>
                                        <el-form-item
                                            prop="serverRequestTag"
                                            label="是否服务请求"
                                        >
                                            <el-select
                                                v-model="
                                                    rateSenveForm.serverRequestTag
                                                "
                                                placeholder="是否服务请求"
                                                style="min-width: 220px"
                                                clearable
                                            >
                                                <!-- <el-option label="全部反馈" value=""></el-option> -->
                                                <el-option
                                                    label="是"
                                                    :value="true"
                                                ></el-option>
                                                <el-option
                                                    label="否"
                                                    :value="false"
                                                ></el-option>
                                            </el-select>
                                        </el-form-item>
                                        <el-form-item
                                            label="反馈来源"
                                            prop="feedBackSource"
                                        >
                                            <el-select
                                                v-model="
                                                    rateSenveForm.feedBackSource
                                                "
                                                placeholder="全部反馈来源"
                                                multiple
                                                clearable
                                                filterable
                                                collapse-tags
                                                style="min-width: 220px"
                                            >
                                                <!-- <el-option label="全部反馈来源" value=""></el-option> -->
                                                <el-option
                                                    v-for="(
                                                        item, index
                                                    ) in feedBackSourceList"
                                                    :key="index"
                                                    :label="item.title"
                                                    :value="item.id"
                                                >
                                                </el-option>
                                            </el-select>
                                        </el-form-item>
                                        <el-form-item label="年份" prop="year">
                                            <el-date-picker
                                                v-model="rateSenveForm.year"
                                                format="yyyy 年"
                                                value-format="yyyy"
                                                :picker-options="disabledYears"
                                                type="year"
                                                :editable="false"
                                                :clearable="false"
                                                placeholder="选择年份"
                                                style="width: 220px"
                                            >
                                            </el-date-picker>
                                        </el-form-item>
                                        <el-form-item
                                            label="查询周期"
                                            prop="month"
                                        >
                                            <el-select
                                                style="width: 220px"
                                                v-model="rateSenveForm.month"
                                                placeholder="全部月份"
                                                :editable="false"
                                                :clearable="false"
                                                filterable
                                            >
                                                <el-option
                                                    label="全部"
                                                    :value="0"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="1月"
                                                    :value="1"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="2月"
                                                    :value="2"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="3月"
                                                    :value="3"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="4月"
                                                    :value="4"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="5月"
                                                    :value="5"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="6月"
                                                    :value="6"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="7月"
                                                    :value="7"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="8月"
                                                    :value="8"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="9月"
                                                    :value="9"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="10月"
                                                    :value="10"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="11月"
                                                    :value="11"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="12月"
                                                    :value="12"
                                                >
                                                </el-option>
                                            </el-select>
                                        </el-form-item>

                                        <div class="conditionButtons">
                                            <el-form-item>
                                                <el-button
                                                    size="small"
                                                    type="primary"
                                                    @click="rateSenveSearch"
                                                    >搜索</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item>
                                                <el-button
                                                    size="small"
                                                    type="primary"
                                                    @click="
                                                        reset('rateSenveForm')
                                                    "
                                                    >重置</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item>
                                                <el-button
                                                    type="primary"
                                                    @click="exportSenve"
                                                    >导出报表</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item>
                                                <el-button
                                                    type="success"
                                                    @click="saveSearchForm"
                                                    >保存搜索条件</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item>
                                                <el-button
                                                    type="primary"
                                                    @click="
                                                        searchConditionManage
                                                    "
                                                    >搜索条件管理</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item class="switchViews">
                                            </el-form-item>
                                        </div>
                                    </el-form>
                                </div>
                                <div class="viewContainer">
                                    <el-table
                                        v-loading="echartDataLoadingSenve"
                                        max-height="441"
                                        border
                                        :data="echartDataSenve.data"
                                        :span-method="objectSpanMethodByCloseId"
                                        style="width: 100%"
                                        header-align="center"
                                        :header-cell-style="{
                                            textAlign: 'center',
                                            height: '50px',
                                            backgroundColor: '#f6f6f6',
                                        }"
                                    >
                                        <template
                                            v-for="(
                                                v, i
                                            ) in echartDataSenve.columns"
                                        >
                                            <el-table-column
                                                align="center"
                                                :prop="v.field"
                                                :label="v.title"
                                                :key="i"
                                                v-if="v.istrue"
                                                :min-width="v.width"
                                            >
                                                <template slot-scope="scope">
                                                    <span
                                                        v-if="
                                                            v.title ===
                                                            'C1关闭原因占比'
                                                        "
                                                        >{{
                                                            scope.row
                                                                .closeTheReasonName ===
                                                            "总计"
                                                                ? ""
                                                                : scope.row[
                                                                      v.field
                                                                  ] + "%"
                                                        }}</span
                                                    >
                                                    <span
                                                        v-else-if="
                                                            v.title ===
                                                            '反馈数量'
                                                        "
                                                        @click="
                                                            getSenveDetail(
                                                                scope.row
                                                            )
                                                        "
                                                        class="toPageLink"
                                                        >{{
                                                            scope.row[v.field]
                                                        }}</span
                                                    >
                                                    <span v-else>{{
                                                        scope.row[v.field]
                                                    }}</span>
                                                </template>
                                            </el-table-column>
                                        </template>
                                    </el-table>
                                </div>
                            </el-tab-pane>
                            <el-tab-pane label="C1解决方案统计" name="8">
                                <el-collapse accordion>
                                    <el-collapse-item>
                                        <template slot="title">
                                            统计说明
                                            <i
                                                class="header-icon el-icon-info"
                                            ></i>
                                        </template>
                                        <div>
                                            <article>
                                                <h1>C1解决方案细分占比</h1>
                                                <p>分母</p>
                                                <p class="left2em">
                                                    1.
                                                    统计周期内该解决方案所处关闭原因下的反馈总数量
                                                </p>
                                                <p>分子</p>
                                                <p class="left2em">
                                                    1.
                                                    统计周期内该解决方案下的反馈数量
                                                </p>
                                            </article>
                                            <article>
                                                <h1>C1解决方案总占比</h1>
                                                <p>分母</p>
                                                <p class="left2em">
                                                    1.
                                                    统计周期内所有已关闭的反馈总数量
                                                </p>
                                                <p>分子</p>
                                                <p class="left2em">
                                                    1.
                                                    统计周期内该解决方案下的反馈数量
                                                </p>
                                            </article>
                                            <article>
                                                <h1>C1关闭原因占比</h1>
                                                <p>分母</p>
                                                <p class="left2em">
                                                    1.
                                                    统计周期内所有已关闭的反馈总数量
                                                </p>
                                                <p>分子</p>
                                                <p class="left2em">
                                                    1.
                                                    统计周期内该关闭原因下的反馈数量
                                                </p>
                                            </article>
                                            <p>备注：</p>
                                            <p class="left2em">
                                                统计周期 =
                                                查询条件中年份+月份（例：2021年1月
                                                = 2020-01-01 00:00:00 至
                                                2020-02-01 00:00:00）
                                            </p>
                                            <p class="left2em">
                                                已关闭 = 反馈C1环已关闭
                                            </p>

                                            <p class="left2em">
                                                反馈最后一次关闭时间在查询时间范围内反馈当前状态为已关闭，多次关闭取最后一条关闭原因解决方案
                                            </p>
                                        </div>
                                    </el-collapse-item>
                                </el-collapse>
                                <div class="searchCondition">
                                    <el-form
                                        label-position="left"
                                        label-width="120px"
                                        :inline="true"
                                        :model="rateEightForm"
                                        ref="rateEightForm"
                                        class="searchConditionForm"
                                    >
                                        <el-form-item
                                            prop="productId"
                                            label="产品名称"
                                        >
                                            <el-select
                                                v-model="
                                                    rateEightForm.productId
                                                "
                                                placeholder="全部产品"
                                                clearable
                                                multiple
                                                filterable
                                                collapse-tags
                                                style="min-width: 220px"
                                            >
                                                <!-- <el-option label="全部产品" value=""></el-option> -->
                                                <el-option
                                                    v-for="(
                                                        item, index
                                                    ) in ProductList"
                                                    :key="index"
                                                    :label="item.name"
                                                    :value="item.id"
                                                >
                                                </el-option>
                                            </el-select>
                                        </el-form-item>
                                        <el-form-item
                                            prop="marketProject"
                                            label="营销项目名称"
                                        >
                                            <el-select
                                                v-model="
                                                    rateEightForm.marketProject
                                                "
                                                placeholder="营销项目名称"
                                                style="min-width: 220px"
                                                filterable
                                                clearable
                                                multiple
                                                collapse-tags
                                            >
                                                <!-- <el-option
                          label="全部营销项目名称"
                          value=""
                        ></el-option> -->
                                                <el-option
                                                    v-for="(
                                                        item, index
                                                    ) in projectList"
                                                    :key="index"
                                                    :label="item.title"
                                                    :value="item.id"
                                                >
                                                </el-option>
                                            </el-select>
                                        </el-form-item>
                                        <el-form-item
                                            prop="serverRequestTag"
                                            label="是否服务请求"
                                        >
                                            <el-select
                                                v-model="
                                                    rateEightForm.serverRequestTag
                                                "
                                                placeholder="是否服务请求"
                                                clearable
                                                style="min-width: 220px"
                                            >
                                                <!-- <el-option label="全部反馈" value=""></el-option> -->
                                                <el-option
                                                    label="是"
                                                    :value="true"
                                                ></el-option>
                                                <el-option
                                                    label="否"
                                                    :value="false"
                                                ></el-option>
                                            </el-select>
                                        </el-form-item>
                                        <el-form-item
                                            label="反馈来源"
                                            prop="feedBackSource"
                                        >
                                            <el-select
                                                v-model="
                                                    rateEightForm.feedBackSource
                                                "
                                                placeholder="全部反馈来源"
                                                multiple
                                                clearable
                                                filterable
                                                collapse-tags
                                                style="min-width: 220px"
                                            >
                                                <!-- <el-option label="全部反馈来源" value=""></el-option> -->
                                                <el-option
                                                    v-for="(
                                                        item, index
                                                    ) in feedBackSourceList"
                                                    :key="index"
                                                    :label="item.title"
                                                    :value="item.id"
                                                >
                                                </el-option>
                                            </el-select>
                                        </el-form-item>
                                        <el-form-item label="年份" prop="year">
                                            <el-date-picker
                                                v-model="rateEightForm.year"
                                                format="yyyy 年"
                                                value-format="yyyy"
                                                :editable="false"
                                                :clearable="false"
                                                :picker-options="disabledYears"
                                                type="year"
                                                placeholder="选择年份"
                                                style="min-width: 220px"
                                            >
                                            </el-date-picker>
                                        </el-form-item>
                                        <el-form-item
                                            label="查询周期"
                                            prop="month"
                                        >
                                            <el-select
                                                style="min-width: 220px"
                                                v-model="rateEightForm.month"
                                                placeholder="全部月份"
                                                :editable="false"
                                                :clearable="false"
                                                filterable
                                            >
                                                <el-option
                                                    label="全部"
                                                    :value="0"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="1月"
                                                    :value="1"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="2月"
                                                    :value="2"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="3月"
                                                    :value="3"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="4月"
                                                    :value="4"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="5月"
                                                    :value="5"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="6月"
                                                    :value="6"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="7月"
                                                    :value="7"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="8月"
                                                    :value="8"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="9月"
                                                    :value="9"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="10月"
                                                    :value="10"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="11月"
                                                    :value="11"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="12月"
                                                    :value="12"
                                                >
                                                </el-option>
                                            </el-select>
                                        </el-form-item>

                                        <div class="conditionButtons">
                                            <el-form-item>
                                                <el-button
                                                    size="small"
                                                    type="primary"
                                                    @click="rateEightSearch"
                                                    >搜索</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item>
                                                <el-button
                                                    size="small"
                                                    type="primary"
                                                    @click="
                                                        reset('rateEightForm')
                                                    "
                                                    >重置</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item>
                                                <el-button
                                                    type="primary"
                                                    @click="exportEight"
                                                    >导出报表</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item>
                                                <el-button
                                                    type="success"
                                                    @click="saveSearchForm"
                                                    >保存搜索条件</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item>
                                                <el-button
                                                    type="primary"
                                                    @click="
                                                        searchConditionManage
                                                    "
                                                    >搜索条件管理</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item class="switchViews">
                                            </el-form-item>
                                        </div>
                                    </el-form>
                                </div>
                                <div class="viewContainer">
                                    <el-table
                                        v-loading="echartDataLoadingEight"
                                        max-height="441"
                                        border
                                        :data="echartDataEight.data"
                                        :span-method="objectSpanMethodByCloseId"
                                        :cell-class-name="cellStyleByCloseId"
                                        style="width: 100%"
                                        header-align="center"
                                        :header-cell-style="{
                                            textAlign: 'center',
                                            height: '50px',
                                            backgroundColor: '#f6f6f6',
                                        }"
                                    >
                                        <template
                                            v-for="(
                                                v, i
                                            ) in echartDataEight.columns"
                                        >
                                            <el-table-column
                                                align="center"
                                                :prop="v.field"
                                                :label="v.title"
                                                :key="i"
                                                v-if="v.istrue"
                                                :min-width="v.width"
                                            >
                                                <template slot-scope="scope">
                                                    <span
                                                        v-if="
                                                            v.title ===
                                                            '反馈数量'
                                                        "
                                                        @click="
                                                            getSenveDetail(
                                                                scope.row
                                                            )
                                                        "
                                                        class="toPageLink"
                                                        >{{
                                                            scope.row[v.field]
                                                        }}</span
                                                    >
                                                    <span v-else>{{
                                                        scope.row[v.field]
                                                    }}</span>
                                                </template>
                                            </el-table-column>
                                        </template>
                                    </el-table>
                                </div>
                            </el-tab-pane>
                        </el-tabs>
                    </el-tab-pane>
                    <el-tab-pane label="未关闭问题统计" name="3">
                        <!-- <el-tabs v-model="activeName3" @tab-click="handleClick3">
              <el-tab-pane label="C1未关闭阶段统计" name="9"> -->
                        <el-collapse accordion>
                            <el-collapse-item>
                                <template slot="title">
                                    统计说明
                                    <i class="header-icon el-icon-info"></i>
                                </template>
                                <div>
                                    <article>
                                        <h1>阶段细分占比</h1>
                                        <p>分母</p>
                                        <p class="left2em">
                                            1.
                                            统计周期内该阶段所处的流程节点下的反馈总数量
                                        </p>
                                        <p>分子</p>
                                        <p class="left2em">
                                            1.
                                            统计周期内该阶段所处的流程节点下的反馈数量
                                        </p>
                                    </article>
                                    <article>
                                        <h1>阶段总占比</h1>
                                        <p>分母</p>
                                        <p class="left2em">
                                            1.
                                            统计周期内所有C1未关闭的反馈总数量
                                        </p>
                                        <p>分子</p>
                                        <p class="left2em">
                                            1. 统计周期内单个阶段下的反馈数量
                                        </p>
                                    </article>
                                    <article>
                                        <h1>流程节点占比</h1>
                                        <p>分母</p>
                                        <p class="left2em">
                                            1.
                                            统计周期内所有流程节点下的反馈总数量
                                        </p>
                                        <p>分子</p>
                                        <p class="left2em">
                                            1.
                                            统计周期内该流程节点下的反馈总数量
                                        </p>
                                    </article>

                                    <p>备注：</p>
                                    <p class="left2em">
                                        统计周期 =
                                        查询条件中年份+月份（例：2021年1月 =
                                        2020-01-01 00:00:00 至 2020-02-01
                                        00:00:00）
                                    </p>
                                    <p class="left2em">
                                        发布时间在统计周期内反馈当前状态为已发布
                                    </p>
                                    <p class="left2em">阶段=反馈当前所处阶段</p>
                                </div>
                            </el-collapse-item>
                        </el-collapse>
                        <div class="searchCondition">
                            <el-form
                                label-position="left"
                                label-width="120px"
                                :inline="true"
                                :model="rateNightForm"
                                ref="rateNightForm"
                                class="searchConditionForm"
                            >
                                <el-form-item prop="productId" label="产品名称">
                                    <el-select
                                        v-model="rateNightForm.productId"
                                        placeholder="全部产品"
                                        clearable
                                        multiple
                                        filterable
                                        collapse-tags
                                        style="min-width: 220px"
                                    >
                                        <!-- <el-option label="全部产品" value=""></el-option> -->
                                        <el-option
                                            v-for="(item, index) in ProductList"
                                            :key="index"
                                            :label="item.name"
                                            :value="item.id"
                                        >
                                        </el-option>
                                    </el-select>
                                </el-form-item>
                                <el-form-item
                                    prop="marketProject"
                                    label="营销项目名称"
                                >
                                    <el-select
                                        v-model="rateNightForm.marketProject"
                                        placeholder="营销项目名称"
                                        style="min-width: 220px"
                                        filterable
                                        multiple
                                        clearable
                                        collapse-tags
                                    >
                                        <!-- <el-option label="全部营销项目名称" value=""></el-option> -->
                                        <el-option
                                            v-for="(item, index) in projectList"
                                            :key="index"
                                            :label="item.title"
                                            :value="item.id"
                                        >
                                        </el-option>
                                    </el-select>
                                </el-form-item>
                                <el-form-item
                                    prop="serverRequestTag"
                                    label="是否服务请求"
                                >
                                    <el-select
                                        v-model="rateNightForm.serverRequestTag"
                                        style="min-width: 220px"
                                        placeholder="是否服务请求"
                                        clearable
                                    >
                                        <!-- <el-option label="全部反馈" value=""></el-option> -->
                                        <el-option
                                            label="是"
                                            :value="true"
                                        ></el-option>
                                        <el-option
                                            label="否"
                                            :value="false"
                                        ></el-option>
                                    </el-select>
                                </el-form-item>
                                <el-form-item
                                    label="反馈来源"
                                    prop="feedBackSource"
                                >
                                    <el-select
                                        v-model="rateNightForm.feedBackSource"
                                        placeholder="全部反馈来源"
                                        multiple
                                        clearable
                                        filterable
                                        collapse-tags
                                        style="min-width: 220px"
                                    >
                                        <!-- <el-option label="全部反馈来源" value=""></el-option> -->
                                        <el-option
                                            v-for="(
                                                item, index
                                            ) in feedBackSourceList"
                                            :key="index"
                                            :label="item.title"
                                            :value="item.id"
                                        >
                                        </el-option>
                                    </el-select>
                                </el-form-item>
                                <el-form-item label="年份" prop="year">
                                    <el-date-picker
                                        v-model="rateNightForm.year"
                                        format="yyyy 年"
                                        value-format="yyyy"
                                        :editable="false"
                                        :clearable="false"
                                        :picker-options="disabledYears"
                                        type="year"
                                        placeholder="选择年份"
                                        style="min-width: 220px"
                                    >
                                    </el-date-picker>
                                </el-form-item>
                                <el-form-item label="查询周期" prop="month">
                                    <el-select
                                        style="min-width: 220px"
                                        v-model="rateNightForm.month"
                                        placeholder="全部月份"
                                        :editable="false"
                                        :clearable="false"
                                        filterable
                                    >
                                        <el-option label="全部" :value="0">
                                        </el-option>
                                        <el-option label="1月" :value="1">
                                        </el-option>
                                        <el-option label="2月" :value="2">
                                        </el-option>
                                        <el-option label="3月" :value="3">
                                        </el-option>
                                        <el-option label="4月" :value="4">
                                        </el-option>
                                        <el-option label="5月" :value="5">
                                        </el-option>
                                        <el-option label="6月" :value="6">
                                        </el-option>
                                        <el-option label="7月" :value="7">
                                        </el-option>
                                        <el-option label="8月" :value="8">
                                        </el-option>
                                        <el-option label="9月" :value="9">
                                        </el-option>
                                        <el-option label="10月" :value="10">
                                        </el-option>
                                        <el-option label="11月" :value="11">
                                        </el-option>
                                        <el-option label="12月" :value="12">
                                        </el-option>
                                    </el-select>
                                </el-form-item>

                                <div class="conditionButtons">
                                    <el-form-item>
                                        <el-button
                                            size="small"
                                            type="primary"
                                            @click="nineStageC1"
                                            >搜索</el-button
                                        >
                                    </el-form-item>
                                    <el-form-item>
                                        <el-button
                                            size="small"
                                            type="primary"
                                            @click="reset('rateNightForm')"
                                            >重置</el-button
                                        >
                                    </el-form-item>
                                    <el-form-item>
                                        <el-button
                                            type="primary"
                                            @click="exportNine"
                                            >导出报表</el-button
                                        >
                                    </el-form-item>
                                    <el-form-item>
                                        <el-button
                                            type="success"
                                            @click="saveSearchForm"
                                            >保存搜索条件</el-button
                                        >
                                    </el-form-item>
                                    <el-form-item>
                                        <el-button
                                            type="primary"
                                            @click="searchConditionManage"
                                            >搜索条件管理</el-button
                                        >
                                    </el-form-item>
                                    <el-form-item class="switchViews">
                                    </el-form-item>
                                </div>
                            </el-form>
                        </div>
                        <div class="viewContainer">
                            <el-table
                                v-loading="echartDataLoadingNight"
                                max-height="441"
                                border
                                :span-method="objectSpanMethodByCloseId"
                                :data="echartDataNight.data"
                                style="width: 100%"
                                header-align="center"
                                :header-cell-style="{
                                    textAlign: 'center',
                                    height: '50px',
                                    backgroundColor: '#f6f6f6',
                                }"
                            >
                                <template
                                    v-for="(v, i) in echartDataNight.columns"
                                >
                                    <el-table-column
                                        align="center"
                                        :prop="v.field"
                                        :label="v.title"
                                        :key="i"
                                        v-if="v.istrue"
                                        :min-width="v.width"
                                    >
                                        <template slot-scope="scope">
                                            <span
                                                v-if="v.title === '反馈关闭率'"
                                                >{{
                                                    scope.row[v.field] + "%"
                                                }}</span
                                            >

                                            <span
                                                v-else-if="
                                                    v.title === '反馈数量'
                                                "
                                                @click="
                                                    getNineDetail(scope.row)
                                                "
                                                class="toPageLink"
                                                >{{ scope.row[v.field] }}</span
                                            >
                                            <span
                                                v-else-if="
                                                    v.title === '流程节点占比'
                                                "
                                                >{{
                                                    scope.row[v.field] + "%"
                                                }}</span
                                            >
                                            <span v-else>{{
                                                scope.row[v.field]
                                            }}</span>
                                        </template>
                                    </el-table-column>
                                </template>
                            </el-table>
                        </div>
                        <!-- </el-tab-pane> -->
                        <!-- <el-tab-pane label="营销项目名称统计" name="10">
                <el-collapse accordion>
                  <el-collapse-item>
                    <template slot="title">
                      统计说明 <i class="header-icon el-icon-info"></i>
                    </template>
                    <div>
                      <article>
                            <h1>阶段细分占比</h1>
                            <p>分母</p>
                            <p class="left2em">1. 该阶段下的反馈数量</p>
                            <p>分子</p>
                            <p class="left2em">1. 该阶段的流程节点下的反馈总数量</p>
                        </article>
                        <article>
                            <h1>阶段总占比</h1>
                            <p>分母</p>
                            <p class="left2em">1. 单个阶段下的反馈数量</p>
                            <p>分子</p>
                            <p class="left2em">1. 所有C1未关闭的反馈总数量</p>
                        </article>
                        <article>
                            <h1>C1流程节点总占比</h1>
                            <p>分母</p>
                            <p class="left2em">1. 单个流程节点下反馈数量</p>
                            <p>分子</p>
                            <p class="left2em">1. 所有C1未关闭的反馈总数量</p>
                        </article>
                        <h1>备注：</h1>
                        <p class="left2em">发布时间在统计周期内反馈当前状态为已发布</p>
                    </div>
                  </el-collapse-item>
                </el-collapse>
                <div class="searchCondition">
                  <el-form
                    label-position="left"
                    label-width="120px"
                    :inline="true"
                    :model="rateTenForm"
                    ref="rateTenForm"
                    class="searchConditionForm"
                  >
                    <el-form-item prop="productId" label="产品名称">
                      <el-select
                        v-model="rateTenForm.productId"
                        placeholder="全部产品"
                        multiple
                        filterable
                        collapse-tags
                        style="min-width: 220px;"
                      >
                        <el-option label="全部产品" value=""></el-option>
                        <el-option
                          v-for="(item, index) in ProductList"
                          :key="index"
                          :label="item.name"
                          :value="item.id"
                        >
                        </el-option>
                      </el-select>
                    </el-form-item>
                    <el-form-item prop="marketProject" label="营销项目名称">
                      <el-select
                        v-model="rateTenForm.marketProject"
                        placeholder="营销项目名称"
                        style="min-width: 220px;"
                        filterable
                        multiple
                        collapse-tags
                      >
                        <el-option
                          label="全部营销项目名称"
                          value=""
                        ></el-option>
                        <el-option
                          v-for="(item, index) in projectList"
                          :key="index"
                          :label="item.title"
                          :value="item.id"
                        >
                        </el-option>
                      </el-select>
                    </el-form-item>
                    <el-form-item prop="serverRequestTag" label="是否服务请求">
                      <el-select
                        v-model="rateTenForm.serverRequestTag"
                        style="min-width: 220px;"
                      >
                        <el-option label="全部反馈" value=""></el-option>
                        <el-option label="是" :value="true"></el-option>
                        <el-option label="否" :value="false"></el-option>
                      </el-select>
                    </el-form-item>
                    <el-form-item label="反馈来源" prop="feedBackSource">
                      <el-select
                        v-model="rateTenForm.feedBackSource"
                        placeholder="全部反馈来源"
                        multiple
                        filterable
                        collapse-tags
                        style="min-width: 220px;"
                      >
                        <el-option label="全部反馈来源" value=""></el-option>
                        <el-option
                          v-for="(item, index) in feedBackSourceList"
                          :key="index"
                          :label="item.title"
                          :value="item.id"
                        >
                        </el-option>
                      </el-select>
                    </el-form-item>
                    <el-form-item label="年份" prop="year">
                      <el-date-picker
                        v-model="rateTenForm.year"
                        format="yyyy 年"
                        value-format="yyyy"
                        :editable="false"
                        :clearable="false"
                        :picker-options="disabledYears"
                        type="year"
                        placeholder="选择年份"
                        style="min-width: 220px;"
                      >
                      </el-date-picker>
                    </el-form-item>
                    <el-form-item label="月份" prop="month">
                      <el-select
                        style="min-width: 220px;"
                        v-model="rateTenForm.month"
                        placeholder="全部月份"
                        :editable="false"
                        :clearable="false"
                        filterable
                      >
                        <el-option label="全部" :value="0"> </el-option>
                        <el-option label="1月" :value="1"> </el-option>
                        <el-option label="2月" :value="2"> </el-option>
                        <el-option label="3月" :value="3"> </el-option>
                        <el-option label="4月" :value="4"> </el-option>
                        <el-option label="5月" :value="5"> </el-option>
                        <el-option label="6月" :value="6"> </el-option>
                        <el-option label="7月" :value="7"> </el-option>
                        <el-option label="8月" :value="8"> </el-option>
                        <el-option label="9月" :value="9"> </el-option>
                        <el-option label="10月" :value="10"> </el-option>
                        <el-option label="11月" :value="11"> </el-option>
                        <el-option label="12月" :value="12"> </el-option>
                      </el-select>
                    </el-form-item>

                    <div class="conditionButtons">
                      <el-form-item>
                        <el-button
                          size="small"
                          type="primary"
                          @click="tenCharts"

                          >搜索</el-button
                        >
                      </el-form-item>
                      <el-form-item>
                        <el-button
                          size="small"
                          type="primary"
                          @click="reset('rateTenForm')"
                          >重置</el-button
                        >
                      </el-form-item>
                      <el-form-item>
                        <el-button type="primary"
                          >导出报表</el-button
                        >
                      </el-form-item>
                      <el-form-item>
                        <el-button type="success" @click="saveSearchForm"
                          >保存搜索条件</el-button
                        >
                      </el-form-item>
                      <el-form-item>
                        <el-button type="primary" @click="searchConditionManage"
                          >搜索条件管理</el-button
                        >
                      </el-form-item>
                      <el-form-item class="switchViews"> </el-form-item>
                    </div>
                  </el-form>
                </div>
                <div class="viewContainer">
                  <div id="echartsContainer" style="width: 100%;height:400px;">
                   <projectHightCharts
                      ref="projectCharts"
                      id="projectCharts"
                      :option="projectChartsOption"
                    />

                  </div>
                </div>
              </el-tab-pane> -->
                        <!-- </el-tabs> -->
                    </el-tab-pane>
                    <el-tab-pane label="处理时长" name="4">
                        <el-tabs
                            v-model="activeName4"
                            @tab-click="handleClick4"
                        >
                            <el-tab-pane label="C1已关闭阶段时长" name="11">
                                <el-collapse accordion>
                                    <el-collapse-item>
                                        <template slot="title">
                                            统计说明
                                            <i
                                                class="header-icon el-icon-info"
                                            ></i>
                                        </template>
                                        <div>
                                            <article>
                                                <h1>阶段时长细分占比</h1>
                                                <p class="left2em">分母</p>
                                                <p class="left4em">
                                                    1.
                                                    发布时间在统计周期内反馈当前状态为已发布
                                                </p>
                                                <p class="left4em">
                                                    2.
                                                    阶段所处的流程节点下的反馈数量
                                                </p>

                                                <p class="left2em">分子</p>
                                                <p class="left4em">
                                                    1.
                                                    统计周期内单个阶段下的反馈处理C1环有效时长总和
                                                </p>
                                            </article>
                                            <article>
                                                <h1>阶段时长总占比</h1>
                                                <p class="left2em">分母</p>
                                                <p class="left4em">
                                                    1.
                                                    统计周期内所有反馈处理C1环有效时长总和
                                                </p>
                                                <p class="left2em">分子</p>
                                                <p class="left4em">
                                                    1.
                                                    统计周期内单个阶段下的反馈处理C1环有效时长总和
                                                </p>
                                            </article>
                                            <article>
                                                <h1>流程节点时长总占比</h1>
                                                <p class="left2em">分母</p>
                                                <p class="left4em">
                                                    1.
                                                    统计周期内所有反馈处理C1环有效时长总和
                                                </p>
                                                <p class="left2em">分子</p>
                                                <p class="left4em">
                                                    1.
                                                    统计周期内单个流程节点下反馈处理C1环有效时长总和
                                                </p>
                                            </article>
                                            <article>
                                                <p>备注：</p>
                                                <p class="left2em">
                                                    统计周期 =
                                                    查询条件中年份+月份（例：2021年1月
                                                    = 2020-01-01 00:00:00 至
                                                    2020-02-01 00:00:00）
                                                </p>
                                                <p class="left2em">
                                                    1.
                                                    反馈最后一次关闭/终止时间在统计周期内
                                                </p>
                                                <p class="left2em">
                                                    2.
                                                    当前反馈C1状态为已关闭/终止的
                                                </p>
                                                <p class="left2em">
                                                    C1环有效时长
                                                </p>
                                                <p class="left4em">
                                                    ①反馈从发布到关闭/终止
                                                </p>
                                                <p class="left4em">
                                                    ②反馈从激活到关闭/终止
                                                </p>
                                            </article>
                                        </div>
                                    </el-collapse-item>
                                </el-collapse>
                                <div class="searchCondition">
                                    <el-form
                                        label-position="left"
                                        label-width="120px"
                                        :inline="true"
                                        :model="rateElevenForm"
                                        ref="rateElevenForm"
                                        class="searchConditionForm"
                                    >
                                        <el-form-item
                                            prop="productId"
                                            label="产品名称"
                                        >
                                            <el-select
                                                v-model="
                                                    rateElevenForm.productId
                                                "
                                                placeholder="全部产品"
                                                clearable
                                                multiple
                                                filterable
                                                collapse-tags
                                                style="min-width: 220px"
                                            >
                                                <!-- <el-option label="全部产品" value=""></el-option> -->
                                                <el-option
                                                    v-for="(
                                                        item, index
                                                    ) in ProductList"
                                                    :key="index"
                                                    :label="item.name"
                                                    :value="item.id"
                                                >
                                                </el-option>
                                            </el-select>
                                        </el-form-item>
                                        <el-form-item
                                            prop="marketProject"
                                            label="营销项目名称"
                                        >
                                            <el-select
                                                v-model="
                                                    rateElevenForm.marketProject
                                                "
                                                placeholder="营销项目名称"
                                                style="min-width: 220px"
                                                filterable
                                                multiple
                                                clearable
                                                collapse-tags
                                            >
                                                <!-- <el-option
                          label="全部营销项目名称"
                          value=""
                        ></el-option> -->
                                                <el-option
                                                    v-for="(
                                                        item, index
                                                    ) in projectList"
                                                    :key="index"
                                                    :label="item.title"
                                                    :value="item.id"
                                                >
                                                </el-option>
                                            </el-select>
                                        </el-form-item>
                                        <el-form-item
                                            prop="serverRequest"
                                            label="是否服务请求"
                                        >
                                            <el-select
                                                v-model="
                                                    rateElevenForm.serverRequest
                                                "
                                                placeholder="是否服务请求"
                                                clearable
                                                style="min-width: 220px"
                                            >
                                                <!-- <el-option label="全部反馈" value=""></el-option> -->
                                                <el-option
                                                    label="是"
                                                    :value="true"
                                                ></el-option>
                                                <el-option
                                                    label="否"
                                                    :value="false"
                                                ></el-option>
                                            </el-select>
                                        </el-form-item>
                                        <el-form-item
                                            label="反馈来源"
                                            prop="feedBackSource"
                                        >
                                            <el-select
                                                v-model="
                                                    rateElevenForm.feedBackSource
                                                "
                                                placeholder="全部反馈来源"
                                                multiple
                                                clearable
                                                filterable
                                                collapse-tags
                                                style="min-width: 220px"
                                            >
                                                <!-- <el-option label="全部反馈来源" value=""></el-option> -->
                                                <el-option
                                                    v-for="(
                                                        item, index
                                                    ) in feedBackSourceList"
                                                    :key="index"
                                                    :label="item.title"
                                                    :value="item.id"
                                                >
                                                </el-option>
                                            </el-select>
                                        </el-form-item>
                                        <el-form-item label="年份" prop="year">
                                            <el-date-picker
                                                v-model="rateElevenForm.year"
                                                format="yyyy 年"
                                                value-format="yyyy"
                                                :editable="false"
                                                :clearable="false"
                                                :picker-options="disabledYears"
                                                type="year"
                                                placeholder="选择年份"
                                                style="min-width: 220px"
                                            >
                                            </el-date-picker>
                                        </el-form-item>
                                        <el-form-item
                                            label="查询周期"
                                            prop="month"
                                        >
                                            <el-select
                                                style="min-width: 220px"
                                                v-model="rateElevenForm.month"
                                                placeholder="全部月份"
                                                :editable="false"
                                                :clearable="false"
                                                filterable
                                            >
                                                <el-option
                                                    label="全部"
                                                    :value="0"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="1月"
                                                    :value="1"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="2月"
                                                    :value="2"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="3月"
                                                    :value="3"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="4月"
                                                    :value="4"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="5月"
                                                    :value="5"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="6月"
                                                    :value="6"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="7月"
                                                    :value="7"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="8月"
                                                    :value="8"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="9月"
                                                    :value="9"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="10月"
                                                    :value="10"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="11月"
                                                    :value="11"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="12月"
                                                    :value="12"
                                                >
                                                </el-option>
                                            </el-select>
                                        </el-form-item>

                                        <div class="conditionButtons">
                                            <el-form-item>
                                                <el-button
                                                    size="small"
                                                    type="primary"
                                                    @click="durationStage"
                                                    >搜索</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item>
                                                <el-button
                                                    size="small"
                                                    type="primary"
                                                    @click="
                                                        reset('rateElevenForm')
                                                    "
                                                    >重置</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item>
                                                <el-button
                                                    type="primary"
                                                    @click="
                                                        durationStageTableExport
                                                    "
                                                    >导出报表</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item>
                                                <el-button
                                                    type="success"
                                                    @click="saveSearchForm"
                                                    >保存搜索条件</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item>
                                                <el-button
                                                    type="primary"
                                                    @click="
                                                        searchConditionManage
                                                    "
                                                    >搜索条件管理</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item class="switchViews">
                                            </el-form-item>
                                        </div>
                                    </el-form>
                                </div>
                                <div class="viewContainer">
                                    <el-table
                                        v-loading="echartDataLoadingEleven"
                                        max-height="441"
                                        border
                                        :span-method="spanMethodConbine"
                                        :data="echartDataEleven.data"
                                        style="width: 100%"
                                        header-align="center"
                                        :header-cell-style="{
                                            textAlign: 'center',
                                            height: '50px',
                                            backgroundColor: '#f6f6f6',
                                        }"
                                    >
                                        <template
                                            v-for="(
                                                v, i
                                            ) in echartDataEleven.columns"
                                        >
                                            <el-table-column
                                                align="center"
                                                :prop="v.field"
                                                :label="v.title"
                                                :key="i"
                                                v-if="v.istrue"
                                                :min-width="v.width"
                                            >
                                                <template slot-scope="scope">
                                                    <span
                                                        v-if="
                                                            v.title ===
                                                            '阶段时长细分占比'
                                                        "
                                                        >{{
                                                            scope.row
                                                                .stageName ===
                                                            "总计"
                                                                ? ""
                                                                : scope.row[
                                                                      v.field
                                                                  ] + "%"
                                                        }}</span
                                                    >
                                                    <span
                                                        v-else-if="
                                                            v.title ===
                                                            '流程节点时长总占比'
                                                        "
                                                        >{{
                                                            scope.row
                                                                .stageName ===
                                                            "总计"
                                                                ? ""
                                                                : scope.row[
                                                                      v.field
                                                                  ] + "%"
                                                        }}</span
                                                    >

                                                    <span
                                                        v-else-if="
                                                            v.title ===
                                                            '阶段时长总占比'
                                                        "
                                                        >{{
                                                            scope.row
                                                                .stageName ===
                                                            "总计"
                                                                ? ""
                                                                : scope.row[
                                                                      v.field
                                                                  ] + "%"
                                                        }}</span
                                                    >

                                                    <span
                                                        v-else-if="
                                                            v.title ===
                                                            '反馈数量'
                                                        "
                                                        @click="
                                                            clickStageDetail(
                                                                scope.row
                                                            )
                                                        "
                                                        class="toPageLink"
                                                        >{{
                                                            scope.row[v.field]
                                                        }}</span
                                                    >
                                                    <span v-else>{{
                                                        scope.row[v.field]
                                                    }}</span>
                                                </template>
                                            </el-table-column>
                                        </template>
                                    </el-table>
                                </div>
                            </el-tab-pane>
                            <el-tab-pane label="部门处理时长" name="12">
                                <el-collapse accordion>
                                    <el-collapse-item>
                                        <template slot="title">
                                            统计说明
                                            <i
                                                class="header-icon el-icon-info"
                                            ></i>
                                        </template>
                                        <div>
                                            <article>
                                                <h1>C1部门处理时长</h1>
                                                <p>分母</p>
                                                <p class="left2em">
                                                    1.
                                                    统计周期内所有反馈的C1有效时长总和
                                                </p>
                                                <p>分子</p>
                                                <p class="left2em">
                                                    1.
                                                    统计周期内单部门处理过的反馈的C1有效时长总和
                                                </p>
                                            </article>
                                            <p>备注：</p>
                                            <p class="left2em">
                                                ①反馈C1状态为已关闭/已终止
                                            </p>
                                            <p class="left2em">
                                                ②反馈最后一次C1关闭(或终止)时间在查询时间范围内
                                            </p>
                                            <p class="left2em">
                                                ③先统计部门处理的有效时长
                                                然后累加
                                            </p>
                                            <article>
                                                <h1>C2部门处理时长</h1>
                                                <p>时长</p>
                                                <p class="left2em">
                                                    统计周期内部门人员处理过反馈下的任务的有效时长
                                                </p>
                                                <p>反馈数量</p>
                                                <p class="left2em">
                                                    统计周期内部门人员处理过反馈下任务的反馈数量
                                                </p>
                                            </article>
                                            <p>备注：</p>
                                            <p class="left2em">
                                                统计周期 =
                                                查询条件中年份+月份（例：2021年1月
                                                = 2020-01-01 00:00:00 至
                                                2020-02-01 00:00:00）
                                            </p>
                                            <p class="left2em">
                                                ①反馈最后一次C2关闭时间在查询时间范围内
                                            </p>
                                            <p class="left2em">
                                                ②反馈C2状态为已关闭
                                            </p>
                                            <p class="left2em">C1有效时长</p>
                                            <p class="left4em">
                                                ①反馈从发布到关闭/终止
                                            </p>
                                            <p class="left4em">
                                                ②反馈从激活到关闭/终止
                                            </p>
                                            <p class="left2em">C2有效时长</p>
                                            <p class="left4em">
                                                ①反馈下所有任务的有效时长（剔除重叠时长）
                                            </p>
                                            <p class="left4em">
                                                任务有效时长：
                                            </p>
                                            <p class="left6em">
                                                任务创建到关闭
                                            </p>
                                            <p class="left6em">
                                                任务激活到关闭
                                            </p>
                                        </div>
                                    </el-collapse-item>
                                </el-collapse>
                                <div class="searchCondition">
                                    <el-form
                                        label-position="left"
                                        label-width="120px"
                                        :inline="true"
                                        :model="rateTwelveForm"
                                        ref="rateTwelveForm"
                                        class="searchConditionForm"
                                    >
                                        <el-form-item
                                            prop="productId"
                                            label="产品名称"
                                        >
                                            <el-select
                                                v-model="
                                                    rateTwelveForm.productId
                                                "
                                                placeholder="全部产品"
                                                clearable
                                                multiple
                                                filterable
                                                collapse-tags
                                                style="min-width: 220px"
                                            >
                                                <!-- <el-option label="全部产品" value=""></el-option> -->
                                                <el-option
                                                    v-for="(
                                                        item, index
                                                    ) in ProductList"
                                                    :key="index"
                                                    :label="item.name"
                                                    :value="item.id"
                                                >
                                                </el-option>
                                            </el-select>
                                        </el-form-item>
                                        <el-form-item
                                            prop="marketProject"
                                            label="营销项目名称"
                                        >
                                            <el-select
                                                v-model="
                                                    rateTwelveForm.marketProject
                                                "
                                                placeholder="营销项目名称"
                                                style="min-width: 220px"
                                                filterable
                                                clearable
                                                multiple
                                                collapse-tags
                                            >
                                                <!-- <el-option
                          label="全部营销项目名称"
                          value=""
                        ></el-option> -->
                                                <el-option
                                                    v-for="(
                                                        item, index
                                                    ) in projectList"
                                                    :key="index"
                                                    :label="item.title"
                                                    :value="item.id"
                                                >
                                                </el-option>
                                            </el-select>
                                        </el-form-item>
                                        <el-form-item
                                            prop="serverRequest"
                                            label="是否服务请求"
                                        >
                                            <el-select
                                                v-model="
                                                    rateTwelveForm.serverRequest
                                                "
                                                placeholder="是否服务请求"
                                                clearable
                                                style="min-width: 220px"
                                            >
                                                <!-- <el-option label="全部反馈" value=""></el-option> -->
                                                <el-option
                                                    label="是"
                                                    :value="true"
                                                ></el-option>
                                                <el-option
                                                    label="否"
                                                    :value="false"
                                                ></el-option>
                                            </el-select>
                                        </el-form-item>
                                        <el-form-item
                                            label="反馈来源"
                                            prop="feedBackSource"
                                        >
                                            <el-select
                                                v-model="
                                                    rateTwelveForm.feedBackSource
                                                "
                                                placeholder="全部反馈来源"
                                                multiple
                                                clearable
                                                filterable
                                                collapse-tags
                                                style="min-width: 220px"
                                            >
                                                <!-- <el-option label="全部反馈来源" value=""></el-option> -->
                                                <el-option
                                                    v-for="(
                                                        item, index
                                                    ) in feedBackSourceList"
                                                    :key="index"
                                                    :label="item.title"
                                                    :value="item.id"
                                                >
                                                </el-option>
                                            </el-select>
                                        </el-form-item>
                                        <el-form-item label="年份" prop="year">
                                            <el-date-picker
                                                v-model="rateTwelveForm.year"
                                                format="yyyy 年"
                                                value-format="yyyy"
                                                :editable="false"
                                                :clearable="false"
                                                :picker-options="disabledYears"
                                                type="year"
                                                placeholder="选择年份"
                                                style="min-width: 220px"
                                            >
                                            </el-date-picker>
                                        </el-form-item>
                                        <el-form-item
                                            label="查询周期"
                                            prop="month"
                                        >
                                            <el-select
                                                style="min-width: 220px"
                                                v-model="rateTwelveForm.month"
                                                placeholder="全部月份"
                                                :editable="false"
                                                :clearable="false"
                                                filterable
                                            >
                                                <el-option
                                                    label="全部"
                                                    :value="0"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="1月"
                                                    :value="1"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="2月"
                                                    :value="2"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="3月"
                                                    :value="3"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="4月"
                                                    :value="4"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="5月"
                                                    :value="5"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="6月"
                                                    :value="6"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="7月"
                                                    :value="7"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="8月"
                                                    :value="8"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="9月"
                                                    :value="9"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="10月"
                                                    :value="10"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="11月"
                                                    :value="11"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="12月"
                                                    :value="12"
                                                >
                                                </el-option>
                                            </el-select>
                                        </el-form-item>

                                        <div class="conditionButtons">
                                            <el-form-item>
                                                <el-button
                                                    size="small"
                                                    @click="durationDep"
                                                    type="primary"
                                                    >搜索</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item>
                                                <el-button
                                                    size="small"
                                                    type="primary"
                                                    @click="
                                                        reset('rateTwelveForm')
                                                    "
                                                    >重置</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item>
                                                <el-button
                                                    type="primary"
                                                    @click="durationDepExport"
                                                    >导出报表</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item>
                                                <el-button
                                                    type="success"
                                                    @click="saveSearchForm"
                                                    >保存搜索条件</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item>
                                                <el-button
                                                    type="primary"
                                                    @click="
                                                        searchConditionManage
                                                    "
                                                    >搜索条件管理</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item class="switchViews">
                                            </el-form-item>
                                        </div>
                                    </el-form>
                                </div>
                                <div class="viewContainer">
                                    <el-table
                                        v-loading="echartDataLoadingTwelve"
                                        max-height="441"
                                        border
                                        :span-method="conbineTwelve"
                                        :data="echartDataTwelve.data"
                                        style="width: 100%"
                                        header-align="center"
                                        :header-cell-style="{
                                            textAlign: 'center',
                                            height: '50px',
                                            backgroundColor: '#f6f6f6',
                                        }"
                                    >
                                        <template
                                            v-for="(
                                                v, i
                                            ) in echartDataTwelve.columns"
                                        >
                                            <el-table-column
                                                align="center"
                                                :prop="v.field"
                                                :label="v.title"
                                                :key="i"
                                                v-if="v.istrue"
                                                :min-width="v.width"
                                            >
                                                <template slot-scope="scope">
                                                    <span
                                                        v-if="
                                                            v.title ===
                                                            '时长总占比'
                                                        "
                                                        >{{
                                                            scope.row.ctag === 0
                                                                ? scope.row[
                                                                      v.field
                                                                  ] + "%"
                                                                : ""
                                                        }}</span
                                                    >
                                                    <span
                                                        v-else-if="
                                                            v.title ===
                                                            '反馈数量'
                                                        "
                                                        @click="
                                                            clickDepDetail(
                                                                scope.row
                                                            )
                                                        "
                                                        class="toPageLink"
                                                        >{{
                                                            scope.row[v.field]
                                                        }}</span
                                                    >
                                                    <span
                                                        v-else-if="
                                                            v.title === 'C1/C2'
                                                        "
                                                        >{{
                                                            scope.row[
                                                                v.field
                                                            ] === 0
                                                                ? "C1"
                                                                : "C2"
                                                        }}</span
                                                    >
                                                    <span v-else>{{
                                                        scope.row[v.field]
                                                    }}</span>
                                                </template>
                                            </el-table-column>
                                        </template>
                                    </el-table>
                                </div>
                            </el-tab-pane>
                            <el-tab-pane label="反馈来源处理时长" name="13">
                                <el-collapse accordion>
                                    <el-collapse-item>
                                        <template slot="title">
                                            统计说明
                                            <i
                                                class="header-icon el-icon-info"
                                            ></i>
                                        </template>
                                        <div>
                                            <article>
                                                <h1>反馈来源处理时长占比</h1>
                                                <p class="left2em">分母</p>
                                                <p class="left4em">
                                                    1.
                                                    统计周期内所有反馈C1有效处理时长总和
                                                </p>
                                                <p class="left2em">分子</p>
                                                <p class="left4em">
                                                    1.
                                                    统计周期内指定反馈来源内的反馈C1有效处理时长总和
                                                </p>
                                            </article>
                                            <p class="left2em">备注：</p>
                                            <p class="left4em">
                                                统计周期 =
                                                查询条件中年份+月份（例：2021年1月
                                                = 2020-01-01 00:00:00 至
                                                2020-02-01 00:00:00）
                                            </p>
                                            <p class="left4em">C1有效时长</p>
                                            <p class="left6em">
                                                ①反馈从发布到关闭/终止
                                            </p>
                                            <p class="left6em">
                                                ②反馈从激活到关闭/终止
                                            </p>
                                            <p class="left4em">
                                                反馈最后一次C1关闭(或终止)时间在查询时间范围内
                                            </p>
                                            <p class="left4em">
                                                反馈C1状态为已关闭
                                            </p>
                                        </div>
                                    </el-collapse-item>
                                </el-collapse>
                                <div class="searchCondition">
                                    <el-form
                                        label-position="left"
                                        label-width="120px"
                                        :inline="true"
                                        :model="rateThirtForm"
                                        ref="rateThirtForm"
                                        class="searchConditionForm"
                                    >
                                        <el-form-item
                                            prop="productId"
                                            label="产品名称"
                                        >
                                            <el-select
                                                v-model="
                                                    rateThirtForm.productId
                                                "
                                                placeholder="全部产品"
                                                clearable
                                                multiple
                                                filterable
                                                collapse-tags
                                                style="min-width: 220px"
                                            >
                                                <!-- <el-option label="全部产品" value=""></el-option> -->
                                                <el-option
                                                    v-for="(
                                                        item, index
                                                    ) in ProductList"
                                                    :key="index"
                                                    :label="item.name"
                                                    :value="item.id"
                                                >
                                                </el-option>
                                            </el-select>
                                        </el-form-item>
                                        <el-form-item
                                            prop="marketProject"
                                            label="营销项目名称"
                                        >
                                            <el-select
                                                v-model="
                                                    rateThirtForm.marketProject
                                                "
                                                placeholder="营销项目名称"
                                                style="min-width: 220px"
                                                filterable
                                                multiple
                                                clearable
                                                collapse-tags
                                            >
                                                <!-- <el-option
                          label="全部营销项目名称"
                          value=""
                        ></el-option> -->
                                                <el-option
                                                    v-for="(
                                                        item, index
                                                    ) in projectList"
                                                    :key="index"
                                                    :label="item.title"
                                                    :value="item.id"
                                                >
                                                </el-option>
                                            </el-select>
                                        </el-form-item>
                                        <el-form-item
                                            prop="serverRequest"
                                            label="是否服务请求"
                                        >
                                            <el-select
                                                v-model="
                                                    rateThirtForm.serverRequest
                                                "
                                                placeholder="是否服务请求"
                                                clearable
                                                style="min-width: 220px"
                                            >
                                                <!-- <el-option label="全部反馈" value=""></el-option> -->
                                                <el-option
                                                    label="是"
                                                    :value="true"
                                                ></el-option>
                                                <el-option
                                                    label="否"
                                                    :value="false"
                                                ></el-option>
                                            </el-select>
                                        </el-form-item>
                                        <el-form-item
                                            label="反馈来源"
                                            prop="feedBackSource"
                                        >
                                            <el-select
                                                v-model="
                                                    rateThirtForm.feedBackSource
                                                "
                                                placeholder="全部反馈来源"
                                                multiple
                                                clearable
                                                filterable
                                                collapse-tags
                                                style="min-width: 220px"
                                            >
                                                <!-- <el-option label="全部反馈来源" value=""></el-option> -->
                                                <el-option
                                                    v-for="(
                                                        item, index
                                                    ) in feedBackSourceList"
                                                    :key="index"
                                                    :label="item.title"
                                                    :value="item.id"
                                                >
                                                </el-option>
                                            </el-select>
                                        </el-form-item>
                                        <el-form-item label="年份" prop="year">
                                            <el-date-picker
                                                v-model="rateThirtForm.year"
                                                format="yyyy 年"
                                                value-format="yyyy"
                                                :editable="false"
                                                :clearable="false"
                                                :picker-options="disabledYears"
                                                type="year"
                                                placeholder="选择年份"
                                                style="min-width: 220px"
                                            >
                                            </el-date-picker>
                                        </el-form-item>
                                        <el-form-item
                                            label="查询周期"
                                            prop="month"
                                        >
                                            <el-select
                                                style="min-width: 220px"
                                                v-model="rateThirtForm.month"
                                                placeholder="全部月份"
                                                :editable="false"
                                                :clearable="false"
                                                filterable
                                            >
                                                <el-option
                                                    label="全部"
                                                    :value="0"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="1月"
                                                    :value="1"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="2月"
                                                    :value="2"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="3月"
                                                    :value="3"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="4月"
                                                    :value="4"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="5月"
                                                    :value="5"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="6月"
                                                    :value="6"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="7月"
                                                    :value="7"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="8月"
                                                    :value="8"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="9月"
                                                    :value="9"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="10月"
                                                    :value="10"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="11月"
                                                    :value="11"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="12月"
                                                    :value="12"
                                                >
                                                </el-option>
                                            </el-select>
                                        </el-form-item>

                                        <div class="conditionButtons">
                                            <el-form-item>
                                                <el-button
                                                    size="small"
                                                    @click="feedBackSourceTable"
                                                    type="primary"
                                                    >搜索</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item>
                                                <el-button
                                                    size="small"
                                                    type="primary"
                                                    @click="
                                                        reset('rateThirtForm')
                                                    "
                                                    >重置</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item>
                                                <el-button
                                                    type="primary"
                                                    @click="
                                                        feedBackSourceTableExport
                                                    "
                                                    >导出报表</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item>
                                                <el-button
                                                    type="success"
                                                    @click="saveSearchForm"
                                                    >保存搜索条件</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item>
                                                <el-button
                                                    type="primary"
                                                    @click="
                                                        searchConditionManage
                                                    "
                                                    >搜索条件管理</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item class="switchViews">
                                            </el-form-item>
                                        </div>
                                    </el-form>
                                </div>
                                <div class="viewContainer">
                                    <el-table
                                        v-loading="echartDataLoadingThirt"
                                        max-height="441"
                                        border
                                        :data="echartDataThirt.data"
                                        style="width: 100%"
                                        header-align="center"
                                        :header-cell-style="{
                                            textAlign: 'center',
                                            height: '50px',
                                            backgroundColor: '#f6f6f6',
                                        }"
                                    >
                                        <template
                                            v-for="(
                                                v, i
                                            ) in echartDataThirt.columns"
                                        >
                                            <el-table-column
                                                align="center"
                                                :prop="v.field"
                                                :label="v.title"
                                                :key="i"
                                                v-if="v.istrue"
                                                :min-width="v.width"
                                            >
                                                <!-- clickFedTableDetail -->
                                                <template slot-scope="scope">
                                                    <span
                                                        v-if="
                                                            v.title ===
                                                            '时长总占比'
                                                        "
                                                        >{{
                                                            scope.row[v.field] +
                                                            "%"
                                                        }}</span
                                                    >
                                                    <span
                                                        v-else-if="
                                                            v.title ===
                                                            '反馈数量'
                                                        "
                                                        @click="
                                                            clickFedTableDetail(
                                                                scope.row
                                                            )
                                                        "
                                                        class="toPageLink"
                                                        >{{
                                                            scope.row[v.field]
                                                        }}</span
                                                    >

                                                    <span v-else>{{
                                                        scope.row[v.field]
                                                    }}</span>
                                                </template>
                                            </el-table-column>
                                        </template>
                                    </el-table>
                                </div>
                            </el-tab-pane>
                            <el-tab-pane label="C1表/C2表状态" name="14">
                                <el-collapse accordion>
                                    <el-collapse-item>
                                        <template slot="title">
                                            统计说明
                                            <i
                                                class="header-icon el-icon-info"
                                            ></i>
                                        </template>
                                        <div>
                                            <article>
                                                <h1>C1已关闭</h1>
                                                <p class="left2em">
                                                    总计：统计周期内
                                                    所有C1已关闭的反馈数量
                                                </p>
                                                <p class="left2em">
                                                    0~10天：反馈C1处理有效时长在0-10天之内的反馈数量
                                                </p>
                                                <p class="left2em">。。。</p>
                                                <p class="left2em">
                                                    90天以上：反馈C1处理有效时长在90天以上的反馈数量
                                                </p>
                                                <p class="left2em">
                                                    平均时长：所有C1已关闭/终止的反馈C1有效时长总计
                                                    除以 C1已关闭/终止的反馈数量
                                                </p>
                                                <p class="left2em">备注：</p>
                                                <p class="left4em">
                                                    ①反馈最后一次C1关闭/终止时间在查询时间范围内
                                                </p>
                                                <p class="left4em">
                                                    ②当前反馈C1已关闭/终止
                                                </p>

                                                <h1>C2已关闭</h1>
                                                <p class="left2em">
                                                    总计：统计周期内
                                                    所有C2已关闭的反馈数量
                                                </p>
                                                <p class="left2em">
                                                    0~30天：反馈C2处理有效时长在0-30天之内的反馈数量
                                                </p>
                                                <p class="left2em">。。。</p>
                                                <p class="left2em">
                                                    150天以上：反馈C2处理有效时长在150天以上的反馈数量
                                                </p>
                                                <p class="left2em">
                                                    平均时长：所有C2已关闭反馈C2有效时长总计
                                                    除以 C2已关闭反馈数量
                                                </p>
                                                <p class="left2em">备注：</p>
                                                <p class="left4em">
                                                    ①反馈最后一次C2关闭时间在查询时间范围内
                                                </p>
                                                <p class="left4em">
                                                    ②当前反馈C2已关闭
                                                </p>
                                                <h1>C1未关闭</h1>
                                                <p class="left2em">
                                                    总计：统计周期内
                                                    在统计周期内
                                                    所有当前C1未关闭的反馈数量
                                                </p>
                                                <p class="left2em">
                                                    0~10天：反馈C1处理有效时长在0-10天之内的反馈数量
                                                </p>
                                                <p class="left2em">。。。</p>
                                                <p class="left2em">
                                                    90天以上：反馈C1处理有效时长在90天以上的反馈数量
                                                </p>
                                                <p class="left2em">备注：</p>
                                                <p class="left4em">
                                                    ①有效时长的结束时间点为当前时间
                                                </p>
                                                <p class="left4em">
                                                    ②反馈发布时间在统计周期内
                                                </p>
                                                <p class="left4em">
                                                    ③当前反馈C1未关闭
                                                </p>
                                                <h1>C2未关闭</h1>
                                                <p class="left2em">
                                                    总计：统计周期内
                                                    所有C2未关闭的反馈数量
                                                </p>
                                                <p class="left2em">
                                                    0~30天：反馈C2处理有效时长在0-30天之内的反馈数量
                                                </p>
                                                <p class="left2em">。。。</p>
                                                <p class="left2em">
                                                    150天以上：反馈C2处理有效时长在150天以上的反馈数量
                                                </p>
                                                <p class="left2em">备注：</p>

                                                <p class="left4em">
                                                    ①有效时长的结束时间点为当前时间
                                                </p>
                                                <p class="left4em">
                                                    ②反馈发布时间在统计周期内
                                                </p>
                                                <p class="left4em">
                                                    ③当前反馈C2未关闭
                                                </p>
                                                <br />
                                                <br />

                                                <p>
                                                    统计周期 =
                                                    查询条件中年份+月份（例：2021年1月
                                                    = 2020-01-01 00:00:00 至
                                                    2020-02-01 00:00:00）
                                                </p>
                                                <p>C1有效时长</p>
                                                <p class="left2em">
                                                    ①反馈从发布到关闭/终止
                                                </p>
                                                <p class="left2em">
                                                    ②反馈从激活到关闭/终止
                                                </p>
                                                <p class="">C2有效时长</p>
                                                <p class="left2em">
                                                    ①反馈下所有任务的有效时长（剔除重叠时长）
                                                </p>
                                                <p class="left2em">
                                                    任务有效时长：
                                                </p>
                                                <p class="left4em">
                                                    任务创建到关闭
                                                </p>
                                                <p class="left4em">
                                                    任务激活到关闭
                                                </p>
                                            </article>
                                        </div>
                                    </el-collapse-item>
                                </el-collapse>
                                <div class="searchCondition">
                                    <el-form
                                        label-position="left"
                                        label-width="120px"
                                        :inline="true"
                                        :model="rateFourtForm"
                                        ref="rateFourtForm"
                                        class="searchConditionForm"
                                    >
                                        <el-form-item
                                            prop="productId"
                                            label="产品名称"
                                        >
                                            <el-select
                                                v-model="
                                                    rateFourtForm.productId
                                                "
                                                placeholder="全部产品"
                                                clearable
                                                multiple
                                                filterable
                                                collapse-tags
                                                style="min-width: 220px"
                                            >
                                                <!-- <el-option label="全部产品" value=""></el-option> -->
                                                <el-option
                                                    v-for="(
                                                        item, index
                                                    ) in ProductList"
                                                    :key="index"
                                                    :label="item.name"
                                                    :value="item.id"
                                                >
                                                </el-option>
                                            </el-select>
                                        </el-form-item>
                                        <el-form-item
                                            prop="marketProject"
                                            label="营销项目名称"
                                        >
                                            <el-select
                                                v-model="
                                                    rateFourtForm.marketProject
                                                "
                                                placeholder="营销项目名称"
                                                style="min-width: 220px"
                                                filterable
                                                multiple
                                                clearable
                                                collapse-tags
                                            >
                                                <!-- <el-option
                          label="全部营销项目名称"
                          value=""
                        ></el-option> -->
                                                <el-option
                                                    v-for="(
                                                        item, index
                                                    ) in projectList"
                                                    :key="index"
                                                    :label="item.title"
                                                    :value="item.id"
                                                >
                                                </el-option>
                                            </el-select>
                                        </el-form-item>
                                        <el-form-item
                                            prop="serverRequest"
                                            label="是否服务请求"
                                        >
                                            <el-select
                                                v-model="
                                                    rateFourtForm.serverRequest
                                                "
                                                placeholder="是否服务请求"
                                                clearable
                                                style="min-width: 220px"
                                            >
                                                <!-- <el-option label="全部反馈" value=""></el-option> -->
                                                <el-option
                                                    label="是"
                                                    :value="true"
                                                ></el-option>
                                                <el-option
                                                    label="否"
                                                    :value="false"
                                                ></el-option>
                                            </el-select>
                                        </el-form-item>
                                        <el-form-item
                                            label="反馈来源"
                                            prop="feedBackSource"
                                        >
                                            <el-select
                                                v-model="
                                                    rateFourtForm.feedBackSource
                                                "
                                                placeholder="全部反馈来源"
                                                multiple
                                                clearable
                                                filterable
                                                collapse-tags
                                                style="min-width: 220px"
                                            >
                                                <!-- <el-option label="全部反馈来源" value=""></el-option> -->
                                                <el-option
                                                    v-for="(
                                                        item, index
                                                    ) in feedBackSourceList"
                                                    :key="index"
                                                    :label="item.title"
                                                    :value="item.id"
                                                >
                                                </el-option>
                                            </el-select>
                                        </el-form-item>
                                        <el-form-item label="年份" prop="year">
                                            <el-date-picker
                                                v-model="rateFourtForm.year"
                                                format="yyyy 年"
                                                value-format="yyyy"
                                                :editable="false"
                                                :clearable="false"
                                                :picker-options="disabledYears"
                                                type="year"
                                                placeholder="选择年份"
                                                style="min-width: 220px"
                                            >
                                            </el-date-picker>
                                        </el-form-item>
                                        <el-form-item
                                            label="查询周期"
                                            prop="month"
                                        >
                                            <el-select
                                                style="min-width: 220px"
                                                v-model="rateFourtForm.month"
                                                placeholder="全部月份"
                                                :editable="false"
                                                :clearable="false"
                                                filterable
                                            >
                                                <el-option
                                                    label="全部"
                                                    :value="0"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="1月"
                                                    :value="1"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="2月"
                                                    :value="2"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="3月"
                                                    :value="3"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="4月"
                                                    :value="4"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="5月"
                                                    :value="5"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="6月"
                                                    :value="6"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="7月"
                                                    :value="7"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="8月"
                                                    :value="8"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="9月"
                                                    :value="9"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="10月"
                                                    :value="10"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="11月"
                                                    :value="11"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="12月"
                                                    :value="12"
                                                >
                                                </el-option>
                                            </el-select>
                                        </el-form-item>

                                        <div class="conditionButtons">
                                            <el-form-item>
                                                <el-button
                                                    size="small"
                                                    @click="c1AndC2Table"
                                                    type="primary"
                                                    >搜索</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item>
                                                <el-button
                                                    size="small"
                                                    @click="
                                                        reset('rateFourtForm')
                                                    "
                                                    type="primary"
                                                    >重置</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item>
                                                <el-button
                                                    type="primary"
                                                    @click="c1AndC2TableExport"
                                                    >导出报表</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item>
                                                <el-button
                                                    type="success"
                                                    @click="saveSearchForm"
                                                    >保存搜索条件</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item>
                                                <el-button
                                                    type="primary"
                                                    @click="
                                                        searchConditionManage
                                                    "
                                                    >搜索条件管理</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item class="switchViews">
                                            </el-form-item>
                                        </div>
                                    </el-form>
                                </div>
                                <div class="viewContainer">
                                    <el-table
                                        class="typeTable"
                                        :data="C1table"
                                        border
                                        header-align="center"
                                        :header-cell-style="{
                                            textAlign: 'center',
                                            height: '50px',
                                            backgroundColor: '#f6f6f6',
                                        }"
                                        v-loading="C1tableLoading"
                                        style="width: 100%"
                                    >
                                        <el-table-column
                                            width="75px"
                                            align="center"
                                            label=""
                                            class-name="cells"
                                        >
                                            <template>
                                                <span>C1</span>
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            width="75px"
                                            align="center"
                                            label="状态"
                                            class-name="cells"
                                        >
                                            <template>
                                                <span>已关闭</span>
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="sum"
                                            label="总计"
                                            align="center"
                                        >
                                            <template slot-scope="scope">
                                                <span
                                                    @click="
                                                        getC1OrC2Detail(scope)
                                                    "
                                                    class="link-type"
                                                    >{{ scope.row.sum }}</span
                                                >
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="ten"
                                            label="0~10天"
                                            align="center"
                                        >
                                            <template slot-scope="scope">
                                                <span
                                                    @click="
                                                        getC1OrC2Detail(scope)
                                                    "
                                                    class="link-type"
                                                    >{{ scope.row.ten }}</span
                                                >
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="twenty"
                                            label="11~20天"
                                            align="center"
                                        >
                                            <template slot-scope="scope">
                                                <span
                                                    @click="
                                                        getC1OrC2Detail(scope)
                                                    "
                                                    class="link-type"
                                                    >{{
                                                        scope.row.twenty
                                                    }}</span
                                                >
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="thirty"
                                            label="21~30天"
                                            align="center"
                                        >
                                            <template slot-scope="scope">
                                                <span
                                                    @click="
                                                        getC1OrC2Detail(scope)
                                                    "
                                                    class="link-type"
                                                    >{{
                                                        scope.row.thirty
                                                    }}</span
                                                >
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="sixty"
                                            label="31~60天"
                                            align="center"
                                        >
                                            <template slot-scope="scope">
                                                <span
                                                    @click="
                                                        getC1OrC2Detail(scope)
                                                    "
                                                    class="link-type"
                                                    >{{ scope.row.sixty }}</span
                                                >
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="ninety"
                                            label="61~90天"
                                            align="center"
                                        >
                                            <template slot-scope="scope">
                                                <span
                                                    @click="
                                                        getC1OrC2Detail(scope)
                                                    "
                                                    class="link-type"
                                                    >{{
                                                        scope.row.ninety
                                                    }}</span
                                                >
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="more"
                                            label="90天以上"
                                            align="center"
                                        >
                                            <template slot-scope="scope">
                                                <span
                                                    @click="
                                                        getC1OrC2Detail(scope)
                                                    "
                                                    class="link-type"
                                                    >{{ scope.row.more }}</span
                                                >
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="avgStr"
                                            label="平均处理时长(天)"
                                            align="center"
                                        >
                                        </el-table-column>
                                    </el-table>
                                    <el-table
                                        border
                                        :data="C2table"
                                        v-loading="C1tableLoading"
                                        style="width: 100%"
                                        header-align="center"
                                        :header-cell-style="{
                                            textAlign: 'center',
                                            height: '50px',
                                            backgroundColor: '#f6f6f6',
                                        }"
                                    >
                                        <el-table-column
                                            align="center"
                                            width="75px"
                                            label=""
                                            class-name="cells"
                                        >
                                            <template>
                                                <span>C2</span>
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="close"
                                            width="75px"
                                            align="center"
                                            label="状态"
                                            class-name="cells"
                                        >
                                            <template>
                                                <span>已关闭</span>
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="sum"
                                            label="总计"
                                            align="center"
                                        >
                                            <template slot-scope="scope">
                                                <span
                                                    @click="
                                                        getC1OrC2Detail(scope)
                                                    "
                                                    class="link-type"
                                                    >{{ scope.row.sum }}</span
                                                >
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="thirty"
                                            label="0~30天"
                                            align="center"
                                        >
                                            <template slot-scope="scope">
                                                <span
                                                    @click="
                                                        getC1OrC2Detail(scope)
                                                    "
                                                    class="link-type"
                                                    >{{
                                                        scope.row.thirty
                                                    }}</span
                                                >
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="sixty"
                                            label="31~60天"
                                            align="center"
                                        >
                                            <template slot-scope="scope">
                                                <span
                                                    @click="
                                                        getC1OrC2Detail(scope)
                                                    "
                                                    class="link-type"
                                                    >{{ scope.row.sixty }}</span
                                                >
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="ninety"
                                            label="61~90天"
                                            align="center"
                                        >
                                            <template slot-scope="scope">
                                                <span
                                                    @click="
                                                        getC1OrC2Detail(scope)
                                                    "
                                                    class="link-type"
                                                    >{{
                                                        scope.row.ninety
                                                    }}</span
                                                >
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="oneHundredTwenty"
                                            label="90~121天"
                                            align="center"
                                        >
                                            <template slot-scope="scope">
                                                <span
                                                    @click="
                                                        getC1OrC2Detail(scope)
                                                    "
                                                    class="link-type"
                                                    >{{
                                                        scope.row
                                                            .oneHundredTwenty
                                                    }}</span
                                                >
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="oneHundredFifty"
                                            label="121~150天"
                                            align="center"
                                        >
                                            <template slot-scope="scope">
                                                <span
                                                    @click="
                                                        getC1OrC2Detail(scope)
                                                    "
                                                    class="link-type"
                                                    >{{
                                                        scope.row
                                                            .oneHundredFifty
                                                    }}</span
                                                >
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="more"
                                            label="150天以上"
                                            align="center"
                                        >
                                            <template slot-scope="scope">
                                                <span
                                                    @click="
                                                        getC1OrC2Detail(scope)
                                                    "
                                                    class="link-type"
                                                    >{{ scope.row.more }}</span
                                                >
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="avgStr"
                                            label="平均处理时长(天)"
                                            align="center"
                                        >
                                        </el-table-column>
                                    </el-table>
                                    <el-table
                                        header-align="center"
                                        class="typeTable"
                                        :header-cell-style="{
                                            textAlign: 'center',
                                            height: '50px',
                                            backgroundColor: '#f6f6f6',
                                        }"
                                        :data="C1NotColsetable"
                                        border
                                        v-loading="C1tableLoading"
                                        style="width: 100%"
                                    >
                                        <el-table-column
                                            align="center"
                                            width="75px"
                                            label=""
                                            class-name="cells"
                                        >
                                            <template>
                                                <span>C1</span>
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            align="center"
                                            width="75px"
                                            label="状态"
                                            class-name="cells"
                                        >
                                            <template>
                                                <span>未关闭</span>
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="sum"
                                            label="总计"
                                            align="center"
                                        >
                                            <template slot-scope="scope">
                                                <span
                                                    @click="
                                                        getC1OrC2Detail(scope)
                                                    "
                                                    class="link-type"
                                                    >{{ scope.row.sum }}</span
                                                >
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="ten"
                                            label="0~10天"
                                            align="center"
                                        >
                                            <template slot-scope="scope">
                                                <span
                                                    @click="
                                                        getC1OrC2Detail(scope)
                                                    "
                                                    class="link-type"
                                                    >{{ scope.row.ten }}</span
                                                >
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="twenty"
                                            label="11~20天"
                                            align="center"
                                        >
                                            <template slot-scope="scope">
                                                <span
                                                    @click="
                                                        getC1OrC2Detail(scope)
                                                    "
                                                    class="link-type"
                                                    >{{
                                                        scope.row.twenty
                                                    }}</span
                                                >
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="thirty"
                                            label="21~30天"
                                            align="center"
                                        >
                                            <template slot-scope="scope">
                                                <span
                                                    @click="
                                                        getC1OrC2Detail(scope)
                                                    "
                                                    class="link-type"
                                                    >{{
                                                        scope.row.thirty
                                                    }}</span
                                                >
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="sixty"
                                            label="31~60天"
                                            align="center"
                                        >
                                            <template slot-scope="scope">
                                                <span
                                                    @click="
                                                        getC1OrC2Detail(scope)
                                                    "
                                                    class="link-type"
                                                    >{{ scope.row.sixty }}</span
                                                >
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="ninety"
                                            label="61~90天"
                                            align="center"
                                        >
                                            <template slot-scope="scope">
                                                <span
                                                    @click="
                                                        getC1OrC2Detail(scope)
                                                    "
                                                    class="link-type"
                                                    >{{
                                                        scope.row.ninety
                                                    }}</span
                                                >
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="more"
                                            label="90天以上"
                                            align="center"
                                        >
                                            <template slot-scope="scope">
                                                <span
                                                    @click="
                                                        getC1OrC2Detail(scope)
                                                    "
                                                    class="link-type"
                                                    >{{ scope.row.more }}</span
                                                >
                                            </template>
                                        </el-table-column>
                                    </el-table>

                                    <el-table
                                        header-align="center"
                                        :header-cell-style="{
                                            textAlign: 'center',
                                            height: '50px',
                                            backgroundColor: '#f6f6f6',
                                        }"
                                        :data="C2NotColsetable"
                                        border
                                        v-loading="C1tableLoading"
                                        style="width: 100%"
                                    >
                                        <el-table-column
                                            align="center"
                                            width="75px"
                                            label=""
                                            class-name="cells"
                                        >
                                            <template>
                                                <span>C2</span>
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="close"
                                            align="center"
                                            label="状态"
                                            width="75px"
                                            class-name="cells"
                                        >
                                            <template>
                                                <span>未关闭</span>
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="sum"
                                            label="总计"
                                            align="center"
                                        >
                                            <template slot-scope="scope">
                                                <span
                                                    @click="
                                                        getC1OrC2Detail(scope)
                                                    "
                                                    class="link-type"
                                                    >{{ scope.row.sum }}</span
                                                >
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="thirty"
                                            label="0~30天"
                                            align="center"
                                        >
                                            <template slot-scope="scope">
                                                <span
                                                    @click="
                                                        getC1OrC2Detail(scope)
                                                    "
                                                    class="link-type"
                                                    >{{
                                                        scope.row.thirty
                                                    }}</span
                                                >
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="sixty"
                                            label="31~60天"
                                            align="center"
                                        >
                                            <template slot-scope="scope">
                                                <span
                                                    @click="
                                                        getC1OrC2Detail(scope)
                                                    "
                                                    class="link-type"
                                                    >{{ scope.row.sixty }}</span
                                                >
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="ninety"
                                            label="61~90天"
                                            align="center"
                                        >
                                            <template slot-scope="scope">
                                                <span
                                                    @click="
                                                        getC1OrC2Detail(scope)
                                                    "
                                                    class="link-type"
                                                    >{{
                                                        scope.row.ninety
                                                    }}</span
                                                >
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="oneHundredTwenty"
                                            label="91~120天"
                                            align="center"
                                        >
                                            <template slot-scope="scope">
                                                <span
                                                    @click="
                                                        getC1OrC2Detail(scope)
                                                    "
                                                    class="link-type"
                                                    >{{
                                                        scope.row
                                                            .oneHundredTwenty
                                                    }}</span
                                                >
                                            </template>
                                        </el-table-column>

                                        <el-table-column
                                            prop="oneHundredFifty"
                                            label="121~150天"
                                            align="center"
                                        >
                                            <template slot-scope="scope">
                                                <span
                                                    @click="
                                                        getC1OrC2Detail(scope)
                                                    "
                                                    class="link-type"
                                                    >{{
                                                        scope.row
                                                            .oneHundredFifty
                                                    }}</span
                                                >
                                            </template>
                                        </el-table-column>
                                        <el-table-column
                                            prop="more"
                                            label="150天以上"
                                            align="center"
                                        >
                                            <template slot-scope="scope">
                                                <span
                                                    @click="
                                                        getC1OrC2Detail(scope)
                                                    "
                                                    class="link-type"
                                                    >{{ scope.row.more }}</span
                                                >
                                            </template>
                                        </el-table-column>
                                    </el-table>
                                </div>
                            </el-tab-pane>
                            <el-tab-pane label="关闭到激活时长" name="15">
                                <el-collapse accordion>
                                    <el-collapse-item>
                                        <template slot="title">
                                            统计说明
                                            <i
                                                class="header-icon el-icon-info"
                                            ></i>
                                        </template>
                                        <div>
                                            <article>
                                                <h1>C1无效时长</h1>
                                                <p class="left2em">
                                                    C1关闭/终止时间到C1激活时间
                                                </p>
                                                <p class="left2em">备注：</p>
                                                <p class="left4em">
                                                    发布时间在统计周期内
                                                </p>
                                            </article>
                                            <article>
                                                <h1>C2无效时长</h1>
                                                <p class="left2em">
                                                    C2关闭时间到C2激活时间
                                                </p>
                                                <p class="left2em">备注：</p>
                                                <p class="left4em">
                                                    发布时间在统计周期内
                                                </p>
                                            </article>
                                            <br />
                                            <p>
                                                统计周期 =
                                                查询条件中年份+月份（例：2021年1月
                                                = 2020-01-01 00:00:00 至
                                                2020-02-01 00:00:00）
                                            </p>
                                            <p>C1关闭 = 反馈C1环关闭</p>
                                            <p>C1激活 = 反馈C1被激活</p>
                                            <p>C2关闭 = 反馈C2环关闭</p>
                                            <p>
                                                C2激活 =
                                                反馈C2被激活（反馈C2状态由已关闭流转至其他任意状态）
                                            </p>
                                        </div>
                                    </el-collapse-item>
                                </el-collapse>
                                <div class="searchCondition">
                                    <el-form
                                        label-position="left"
                                        label-width="120px"
                                        :inline="true"
                                        :model="rateFiftForm"
                                        ref="rateFiftForm"
                                        class="searchConditionForm"
                                    >
                                        <el-form-item
                                            prop="productId"
                                            label="产品名称"
                                        >
                                            <el-select
                                                v-model="rateFiftForm.productId"
                                                placeholder="全部产品"
                                                clearable
                                                multiple
                                                filterable
                                                collapse-tags
                                                style="min-width: 220px"
                                            >
                                                <!-- <el-option label="全部产品" value=""></el-option> -->
                                                <el-option
                                                    v-for="(
                                                        item, index
                                                    ) in ProductList"
                                                    :key="index"
                                                    :label="item.name"
                                                    :value="item.id"
                                                >
                                                </el-option>
                                            </el-select>
                                        </el-form-item>
                                        <el-form-item
                                            prop="marketProject"
                                            label="营销项目名称"
                                        >
                                            <el-select
                                                v-model="
                                                    rateFiftForm.marketProject
                                                "
                                                placeholder="营销项目名称"
                                                style="min-width: 220px"
                                                filterable
                                                multiple
                                                clearable
                                                collapse-tags
                                            >
                                                <!-- <el-option
                          label="全部营销项目名称"
                          value=""
                        ></el-option> -->
                                                <el-option
                                                    v-for="(
                                                        item, index
                                                    ) in projectList"
                                                    :key="index"
                                                    :label="item.title"
                                                    :value="item.id"
                                                >
                                                </el-option>
                                            </el-select>
                                        </el-form-item>
                                        <el-form-item
                                            prop="serverRequest"
                                            label="是否服务请求"
                                        >
                                            <el-select
                                                v-model="
                                                    rateFiftForm.serverRequest
                                                "
                                                placeholder="是否服务请求"
                                                clearable
                                                style="min-width: 220px"
                                            >
                                                <!-- <el-option label="全部反馈" value=""></el-option> -->
                                                <el-option
                                                    label="是"
                                                    :value="true"
                                                ></el-option>
                                                <el-option
                                                    label="否"
                                                    :value="false"
                                                ></el-option>
                                            </el-select>
                                        </el-form-item>
                                        <el-form-item
                                            label="反馈来源"
                                            prop="feedBackSource"
                                        >
                                            <el-select
                                                v-model="
                                                    rateFiftForm.feedBackSource
                                                "
                                                placeholder="全部反馈来源"
                                                multiple
                                                clearable
                                                filterable
                                                collapse-tags
                                                style="min-width: 220px"
                                            >
                                                <!-- <el-option label="全部反馈来源" value=""></el-option> -->
                                                <el-option
                                                    v-for="(
                                                        item, index
                                                    ) in feedBackSourceList"
                                                    :key="index"
                                                    :label="item.title"
                                                    :value="item.id"
                                                >
                                                </el-option>
                                            </el-select>
                                        </el-form-item>
                                        <el-form-item label="年份" prop="year">
                                            <el-date-picker
                                                v-model="rateFiftForm.year"
                                                format="yyyy 年"
                                                value-format="yyyy"
                                                :editable="false"
                                                :clearable="false"
                                                :picker-options="disabledYears"
                                                type="year"
                                                placeholder="选择年份"
                                                style="min-width: 220px"
                                            >
                                            </el-date-picker>
                                        </el-form-item>
                                        <el-form-item
                                            label="查询周期"
                                            prop="month"
                                        >
                                            <el-select
                                                style="min-width: 220px"
                                                v-model="rateFiftForm.month"
                                                placeholder="全部月份"
                                                :editable="false"
                                                :clearable="false"
                                                filterable
                                            >
                                                <el-option
                                                    label="全部"
                                                    :value="0"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="1月"
                                                    :value="1"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="2月"
                                                    :value="2"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="3月"
                                                    :value="3"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="4月"
                                                    :value="4"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="5月"
                                                    :value="5"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="6月"
                                                    :value="6"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="7月"
                                                    :value="7"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="8月"
                                                    :value="8"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="9月"
                                                    :value="9"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="10月"
                                                    :value="10"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="11月"
                                                    :value="11"
                                                >
                                                </el-option>
                                                <el-option
                                                    label="12月"
                                                    :value="12"
                                                >
                                                </el-option>
                                            </el-select>
                                        </el-form-item>

                                        <div class="conditionButtons">
                                            <el-form-item>
                                                <el-button
                                                    size="small"
                                                    @click="invalidTable"
                                                    type="primary"
                                                    >搜索</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item>
                                                <el-button
                                                    size="small"
                                                    type="primary"
                                                    @click="
                                                        reset('rateFiftForm')
                                                    "
                                                    >重置</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item>
                                                <el-button
                                                    type="primary"
                                                    @click="invalidTableExport"
                                                    >导出报表</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item>
                                                <el-button
                                                    type="success"
                                                    @click="saveSearchForm"
                                                    >保存搜索条件</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item>
                                                <el-button
                                                    type="primary"
                                                    @click="
                                                        searchConditionManage
                                                    "
                                                    >搜索条件管理</el-button
                                                >
                                            </el-form-item>
                                            <el-form-item class="switchViews">
                                            </el-form-item>
                                        </div>
                                    </el-form>
                                </div>
                                <div class="viewContainer">
                                    <el-table
                                        v-loading="echartDataLoadingFift"
                                        max-height="441"
                                        border
                                        :data="echartDataFift.data"
                                        style="width: 100%"
                                        header-align="center"
                                        :header-cell-style="{
                                            textAlign: 'center',
                                            height: '50px',
                                            backgroundColor: '#f6f6f6',
                                        }"
                                    >
                                        <template
                                            v-for="(
                                                v, i
                                            ) in echartDataFift.columns"
                                        >
                                            <el-table-column
                                                align="center"
                                                :prop="v.field"
                                                :label="v.title"
                                                :key="i"
                                                v-if="v.istrue"
                                                :min-width="v.width"
                                            >
                                                <template slot-scope="scope">
                                                    <span
                                                        v-if="
                                                            v.title ===
                                                            '反馈关闭率'
                                                        "
                                                        >{{
                                                            scope.row[v.field] +
                                                            "%"
                                                        }}</span
                                                    >
                                                    <span
                                                        v-else-if="
                                                            v.title ===
                                                            '反馈数量'
                                                        "
                                                        @click="
                                                            clickInvidialDetail(
                                                                scope.row
                                                            )
                                                        "
                                                        class="toPageLink"
                                                        >{{
                                                            scope.row[v.field]
                                                        }}</span
                                                    >
                                                    <span v-else>{{
                                                        scope.row[v.field]
                                                    }}</span>
                                                </template>
                                            </el-table-column>
                                        </template>
                                    </el-table>
                                </div>
                            </el-tab-pane>
                        </el-tabs>
                    </el-tab-pane>
                    <el-tab-pane label="回退情况统计" name="5">
                        <el-collapse accordion>
                            <el-collapse-item>
                                <template slot="title">
                                    统计说明
                                    <i class="header-icon el-icon-info"></i>
                                </template>
                                <div>
                                    <article>
                                        <h1>C1激活问题占比</h1>
                                        <p class="left2em">分母</p>
                                        <p class="left4em">
                                            1. 发布时间在统计周期之内的反馈
                                        </p>
                                        <p class="left2em">分子</p>
                                        <p class="left4em">
                                            1.
                                            所有分母中，C1环被激活过的反馈数量
                                        </p>
                                    </article>
                                    <article>
                                        <h1>C2激活问题占比</h1>
                                        <p class="left2em">分母</p>
                                        <p class="left4em">
                                            1. 统计周期内
                                            发布时间在统计周期之内的反馈
                                        </p>
                                        <p class="left2em">分子</p>
                                        <p class="left4em">
                                            2.
                                            所有分母中，激活过C2环的反馈总数量
                                        </p>
                                    </article>
                                    <article>
                                        <h1>初始被打回问题占比</h1>
                                        <p class="left2em">分母</p>
                                        <p class="left4em">
                                            1. 统计周期内
                                            发布时间在统计周期之内的反馈
                                        </p>
                                        <p class="left2em">分子</p>
                                        <p class="left4em">
                                            1.
                                            所有分母中，触发过退回操作的总反馈数量
                                        </p>
                                    </article>
                                    <article>
                                        <h1>退回到研发问题占比</h1>
                                        <p class="left2em">分母</p>
                                        <p class="left4em">
                                            1. 统计周期内
                                            发布时间在统计周期之内的反馈
                                        </p>
                                        <p class="left2em">分子</p>
                                        <p class="left4em">
                                            1.
                                            所有分母中，触发过退回到研发操作的总反馈数量
                                        </p>
                                    </article>
                                    <p>备注：</p>
                                    <p class="left2em">
                                        统计周期 =
                                        查询条件中年份+月份（例：2021年1月 =
                                        2020-01-01 00:00:00 至 2020-02-01
                                        00:00:00）
                                    </p>
                                    <p class="left2em">
                                        退回到研发 =
                                        由现场处理中（配置了触发回退的阶段）退回到研发的处理中的次数
                                    </p>
                                    <p
                                        v-if="
                                            backDescList &&
                                            backDescList.length > 0
                                        "
                                        class="left4em"
                                    >
                                        触发回退的阶段:
                                    </p>
                                    <template
                                        v-for="(item, ind) in backDescList"
                                    >
                                        <p :key="ind" class="left6em">
                                            {{ item.name }}
                                        </p>
                                    </template>
                                </div>
                            </el-collapse-item>
                        </el-collapse>
                        <div class="searchCondition">
                            <el-form
                                label-position="left"
                                label-width="120px"
                                :inline="true"
                                :model="backSituationForm"
                                ref="backSituationForm"
                                class="searchConditionForm"
                            >
                                <el-form-item prop="productId" label="产品名称">
                                    <el-select
                                        v-model="backSituationForm.productId"
                                        placeholder="全部产品"
                                        multiple
                                        clearable
                                        filterable
                                        collapse-tags
                                        style="min-width: 220px"
                                    >
                                        <!-- <el-option label="全部产品" value=""></el-option> -->
                                        <el-option
                                            v-for="(item, index) in ProductList"
                                            :key="index"
                                            :label="item.name"
                                            :value="item.id"
                                        >
                                        </el-option>
                                    </el-select>
                                </el-form-item>
                                <el-form-item
                                    prop="marketProject"
                                    label="营销项目名称"
                                >
                                    <el-select
                                        v-model="
                                            backSituationForm.marketProject
                                        "
                                        placeholder="营销项目名称"
                                        style="min-width: 220px"
                                        filterable
                                        multiple
                                        clearable
                                        collapse-tags
                                    >
                                        <!-- <el-option label="全部营销项目名称" value=""></el-option> -->
                                        <el-option
                                            v-for="(item, index) in projectList"
                                            :key="index"
                                            :label="item.title"
                                            :value="item.id"
                                        >
                                        </el-option>
                                    </el-select>
                                </el-form-item>
                                <el-form-item label="年份" prop="year">
                                    <el-date-picker
                                        v-model="backSituationForm.year"
                                        format="yyyy 年"
                                        value-format="yyyy"
                                        :editable="false"
                                        :clearable="false"
                                        :picker-options="disabledYears"
                                        type="year"
                                        placeholder="选择年份"
                                        style="min-width: 220px"
                                    >
                                    </el-date-picker>
                                </el-form-item>
                                <el-form-item label="查询周期" prop="month">
                                    <el-select
                                        style="min-width: 220px"
                                        v-model="backSituationForm.month"
                                        placeholder="全部月份"
                                        :editable="false"
                                        :clearable="false"
                                        filterable
                                    >
                                        <el-option label="全部" :value="0">
                                        </el-option>
                                        <el-option label="1月" :value="1">
                                        </el-option>
                                        <el-option label="2月" :value="2">
                                        </el-option>
                                        <el-option label="3月" :value="3">
                                        </el-option>
                                        <el-option label="4月" :value="4">
                                        </el-option>
                                        <el-option label="5月" :value="5">
                                        </el-option>
                                        <el-option label="6月" :value="6">
                                        </el-option>
                                        <el-option label="7月" :value="7">
                                        </el-option>
                                        <el-option label="8月" :value="8">
                                        </el-option>
                                        <el-option label="9月" :value="9">
                                        </el-option>
                                        <el-option label="10月" :value="10">
                                        </el-option>
                                        <el-option label="11月" :value="11">
                                        </el-option>
                                        <el-option label="12月" :value="12">
                                        </el-option>
                                    </el-select>
                                </el-form-item>

                                <div class="conditionButtons">
                                    <el-form-item>
                                        <el-button
                                            size="small"
                                            type="primary"
                                            @click="ratebackSearch"
                                            >搜索</el-button
                                        >
                                    </el-form-item>
                                    <el-form-item>
                                        <el-button
                                            size="small"
                                            type="primary"
                                            @click="reset('backSituationForm')"
                                            >重置</el-button
                                        >
                                    </el-form-item>
                                    <el-form-item>
                                        <el-button
                                            type="primary"
                                            @click="GoBackTableExport"
                                            >导出报表</el-button
                                        >
                                    </el-form-item>
                                    <el-form-item>
                                        <el-button
                                            type="success"
                                            @click="saveSearchForm"
                                            >保存搜索条件</el-button
                                        >
                                    </el-form-item>
                                    <el-form-item>
                                        <el-button
                                            type="primary"
                                            @click="searchConditionManage"
                                            >搜索条件管理</el-button
                                        >
                                    </el-form-item>
                                    <el-form-item class="switchViews">
                                    </el-form-item>
                                </div>
                            </el-form>
                        </div>
                        <div class="viewContainer">
                            <el-table
                                v-loading="echartDataLoadingBack"
                                max-height="441"
                                border
                                :data="echartDataBack.data"
                                style="width: 100%"
                                header-align="center"
                                :header-cell-style="{
                                    textAlign: 'center',
                                    height: '50px',
                                    backgroundColor: '#f6f6f6',
                                }"
                            >
                                <template
                                    v-for="(v, i) in echartDataBack.columns"
                                >
                                    <el-table-column
                                        align="center"
                                        :prop="v.field"
                                        :label="v.title"
                                        :key="i"
                                        v-if="v.istrue"
                                        :min-width="v.width"
                                    >
                                        <template slot-scope="scope">
                                            <span
                                                v-if="
                                                    v.title !=
                                                        '回退/激活问题占比' &&
                                                    v.title != '回退/激活'
                                                "
                                                @click="
                                                    getFeedBackList(
                                                        scope.row.text,
                                                        v.field
                                                    )
                                                "
                                                class="toPageLink"
                                                >{{ scope.row[v.field] }}</span
                                            >
                                            <span v-else>{{
                                                scope.row[v.field]
                                            }}</span>
                                        </template>
                                    </el-table-column>
                                </template>
                            </el-table>
                        </div>
                    </el-tab-pane>
                </el-tabs>
            </el-card>
        </section>
        <el-dialog
            title="搜索条件管理"
            :before-close="handleDialogFormClose"
            :close-on-click-modal="false"
            :destroy-on-close="true"
            :visible.sync="dialogFormVisible"
        >
            <el-table
                :data="conditionTable"
                max-height="250"
                border
                style="width: 100%"
            >
                <el-table-column type="index" min-width="50"></el-table-column>
                <el-table-column
                    prop="name"
                    label="搜索条件名称"
                    min-width="180"
                ></el-table-column>
                <el-table-column prop="type" label="统计名称" min-width="180">
                    <template slot-scope="scope">
                        <span>{{ scope.row.type | switchName }}</span>
                    </template>
                </el-table-column>

                <el-table-column
                    label="操作"
                    fixed="right"
                    align="center"
                    min-width="150"
                >
                    <template slot-scope="scope">
                        <el-button
                            size="mini"
                            type="primary"
                            @click="useCondition(scope.row)"
                            >使用</el-button
                        >
                        <el-button
                            size="mini"
                            type="danger"
                            @click="deleteCondition(scope.row)"
                            >删除</el-button
                        >
                    </template>
                </el-table-column>
            </el-table>
            <div slot="footer" class="dialog-footer">
                <el-button @click="dialogFormVisible = false">取 消</el-button>
                <el-button type="primary" @click="dialogFormVisible = false"
                    >确 定</el-button
                >
            </div>
        </el-dialog>
        <el-dialog
            title="保存"
            :destroy-on-close="true"
            :before-close="handleClose"
            :close-on-click-modal="false"
            :visible.sync="saveSearchConditionDialog"
        >
            <el-form
                :model="saveSearchConditionForm"
                :rules="saveSearchConditionRules"
                ref="saveSearchConditionForm"
                label-width="150px"
                class="demo-ruleForm"
            >
                <el-form-item label="搜索条件名称" prop="text">
                    <el-input
                        maxlength="30"
                        show-word-limit
                        placeholder="30个字符数上限"
                        v-model="saveSearchConditionForm.text"
                    ></el-input>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="cancelDialog">取 消</el-button>
                <el-button
                    type="primary"
                    @click="subSearchConditionForm('saveSearchConditionForm')"
                    >确 定</el-button
                >
            </div>
        </el-dialog>
        <el-dialog
            title="列表"
            width="75%"
            :destroy-on-close="true"
            :before-close="handlecenterClose"
            :close-on-click-modal="false"
            :visible.sync="centerDialogVisible"
        >
            <div>
                <el-button
                    type="primary"
                    class="myfeed"
                    @click="handlecenterClose"
                    >返 回</el-button
                >
                <el-button type="primary" class="myfeed" @click="exportCharts"
                    >导 出</el-button
                >
            </div>
            <el-table
                height="441"
                border
                :data="feedBackList.data"
                style="width: 100%"
                header-align="center"
                :header-cell-style="{
                    textAlign: 'center',
                    height: '50px',
                    backgroundColor: '#f6f6f6',
                }"
            >
                <template v-for="(v, i) in feedBackList.columns">
                    <el-table-column
                        align="center"
                        :prop="v.field"
                        :label="v.title"
                        :key="i"
                        v-if="v.istrue"
                        :min-width="v.width"
                    >
                        <template slot-scope="scope">
                            <span
                                v-if="v.title === '反馈ID'"
                                @click="tofeedBack(scope.row.feedBackId)"
                                class="toPageLink"
                                >{{ scope.row[v.field] }}</span
                            >
                            <span v-else>{{ scope.row[v.field] }}</span>
                        </template>
                    </el-table-column>
                </template>
            </el-table>
            <div class="paginationClock">
                <el-pagination
                    background
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page="queryinfo.pageIndex"
                    :page-sizes="[10, 20, 50, 100]"
                    :page-size="queryinfo.pageRow"
                    layout="total, sizes, prev, pager, next, jumper"
                    :total="totalNumber"
                >
                </el-pagination>
            </div>
        </el-dialog>
        <el-dialog
            :title="detailsDialogTitle"
            :visible.sync="detailsDialogShow"
            :destroy-on-close="true"
            :close-on-click-modal="false"
            width="75%"
            :before-close="handledetailsDialogClose"
        >
            <el-button
                type="primary"
                class="myfeed"
                @click="handledetailsDialogClose"
                >返 回</el-button
            >
            <el-button type="primary" class="myfeed" @click="sevenDetailExport"
                >导 出</el-button
            >
            <el-table
                height="441"
                border
                :data="detailsDialogList.data"
                style="width: 100%"
                header-align="center"
                :header-cell-style="{
                    textAlign: 'center',
                    height: '50px',
                    backgroundColor: '#f6f6f6',
                }"
            >
                <template v-for="(v, i) in detailsDialogList.columns">
                    <el-table-column
                        align="center"
                        :prop="v.field"
                        :label="v.title"
                        :key="i"
                        v-if="v.istrue"
                        :min-width="v.width"
                    >
                        <template slot-scope="scope">
                            <span
                                v-if="v.title === '反馈ID'"
                                @click="tofeedBack(scope.row.feedBackId)"
                                class="toPageLink"
                                >{{ scope.row[v.field] }}</span
                            >
                            <span v-else>{{ scope.row[v.field] }}</span>
                        </template>
                    </el-table-column>
                </template>
            </el-table>
            <pagination
                :total="detailsDialogList.total"
                :page.sync="detailsDialogList.pageIndex"
                :limit.sync="detailsDialogList.pageSize"
                @pagination="getList('alone')"
            />
        </el-dialog>
    </div>
</template>

<script>
// var option;
import { FeedBack } from '@/api/feedBack/server'
import { FormOptionSet } from '@/api/setting/service.js'
import Pagination from '@/components/Pagination'
// import echartscom from '@/components/echartsCome/echartsCome.vue'
// import Highcharts from 'highcharts'
// import staticEcharts from '@/components/staticEcharts/staticEcharts.vue'
import staticHighchart from '@/components/StaticCharts/staticHighchart.vue'
// import projectHightCharts from '@/components/StaticCharts/projectHightCharts.vue'

import { DataStatistics } from '@/api/dataStatistics/server'

export default {
    name: 'dataStatistics',
    components: {
        // echartscom,
        // projectHightCharts,
        staticHighchart,
        Pagination
    },
    props: {},
    data() {
        const returnItemData = function(id) {
            console.log(id)
            const data = [
                {
                    projectName: '项目名称1',
                    feedBackCount: 23
                },
                {
                    projectName: '项目名称2',
                    feedBackCount: 432
                },
                {
                    projectName: '项目名称3',
                    feedBackCount: 45
                },
                {
                    projectName: '项目名称4',
                    feedBackCount: 66
                },
                {
                    projectName: '项目名称5',
                    feedBackCount: 33
                },
                {
                    projectName: '项目名称6',
                    feedBackCount: 44
                },
                {
                    projectName: '项目名称7',
                    feedBackCount: 34
                }
            ]
            var temp = []
            data.forEach((item, index) => {
                const tempItem = []
                for (const i in item) {
                    if (Object.hasOwnProperty.call(item, i)) {
                        const element = item[i]
                        tempItem.push(element)
                    }
                }
                temp.push(tempItem)
            })
            return temp
        }
        // const that = this
        return {
            backDescList: [],
            detailsDialogShow: false,
            currentRowdata: {},
            detailsDialogTitle: '列表',
            detailsDialogList: {
                data: [],
                columns: [
                    { title: '反馈ID', field: 'feedBackNumber', width: 60, istrue: true },
                    { title: '类型', field: 'feedBackTypeStr', width: 80, istrue: true },
                    { title: '产品名称', field: 'productName', width: 200, istrue: true },
                    { title: '标题', field: 'title', width: 200, istrue: true },
                    {
                        title: '创建人',
                        field: 'createUserName',
                        width: 100,
                        istrue: true
                    },
                    {
                        title: '是否服务请求',
                        field: 'serverRequestTagStr',
                        width: 120,
                        istrue: true
                    },
                    { title: '流程节点', field: 'stageName', width: 80, istrue: true },
                    {
                        title: '所属营销项目名称',
                        field: 'marketProjectName',
                        width: 150,
                        istrue: true
                    },
                    {
                        title: '反馈来源',
                        field: 'feedBackSource',
                        width: 100,
                        istrue: true
                    },
                    {
                        title: '当前指派人',
                        field: 'designatorUserName',
                        width: 100,
                        istrue: true
                    },
                    { title: '创建天数', field: 'createDay', width: 80, istrue: true }
                ],
                pageSize: 50,
                pageIndex: 1,
                total: 0
            },
            exportListName: '',
            feedBackList: {
                data: [],
                columns: [
                    { title: '反馈ID', field: 'feedBackNumber', width: 50, istrue: true },
                    { title: '类型', field: 'feedBackTypeStr', width: 80, istrue: true },

                    { title: '产品名称', field: 'productName', width: 200, istrue: true },
                    { title: '标题', field: 'title', width: 200, istrue: true },
                    {
                        title: '创建人',
                        field: 'createUserName',
                        width: 100,
                        istrue: true
                    },
                    {
                        title: '是否服务请求',
                        field: 'serverRequestTagStr',
                        width: 120,
                        istrue: true
                    },
                    { title: '流程节点', field: 'stageName', width: 80, istrue: true },
                    {
                        title: '所属营销项目名称',
                        field: 'marketProjectName',
                        width: 150,
                        istrue: true
                    },
                    {
                        title: '反馈来源',
                        field: 'feedBackSource',
                        width: 100,
                        istrue: true
                    },
                    {
                        title: '当前指派人',
                        field: 'designatorUserName',
                        width: 100,
                        istrue: true
                    },
                    { title: '创建天数', field: 'createDay', width: 50, istrue: true }
                ]
            },
            exportSearch: {},
            centerDialogVisible: false,
            queryinfo: {
                pageIndex: 1,
                pageRow: 50
            },
            totalNumber: null,
            disabledYears: {
                disabledDate(time) {
                    return time.getTime() < new Date('2021').getTime()
                }
            },
            // 默认选中第一个tab页
            activeName: '6',
            // 产品列表
            ProductList: [],
            // 营销项目名称
            projectList: [],
            // 营销项目状态
            problemTypeList: [],
            // 影响类别
            influenceCategory: [],
            // 反馈来源
            feedBackSourceList: [],
            // 一级问题类型
            marketProjectFirstList: [],
            // 月度反馈关闭率条件筛选
            searchConditionForm: {
                productId: [],
                marketProject: [],
                feedBackSource: [],
                feedBackId: [],
                onlyNotClose: true,
                year: this.getYear(),
                month: this.getMonth()
            },
            // 默认 月度反馈关闭率条件筛选
            exportFormSix: {
                productId: [],
                marketProject: [],
                feedBackSource: [],
                feedBackId: [],
                onlyNotClose: true,
                year: this.getYear(),
                month: this.getMonth()
            },
            echartDataLoading: false,
            // 月度反馈关闭率 table表格数据
            echartDataSix: {
                data: [],
                columns: [
                    { title: '产品名称', field: 'productName', width: 150, istrue: true },
                    { title: '年份', field: 'year', width: 50, istrue: true },
                    { title: '月份', field: 'month', width: 50, istrue: true },
                    {
                        title: '统计周期内新建反馈',
                        field: 'newCreateCount',
                        width: 130,
                        istrue: true
                    },
                    {
                        title: '上月遗留反馈',
                        field: 'legacyCount',
                        width: 100,
                        istrue: true
                    },
                    {
                        title: '本月激活反馈',
                        field: 'activeCount',
                        width: 100,
                        istrue: true
                    },
                    {
                        title: '本月已关闭反馈',
                        field: 'closeFeedBackCount',
                        width: 100,
                        istrue: true
                    },
                    {
                        title: '本月已解决BUG',
                        field: 'completeBugCount',
                        width: 100,
                        istrue: true
                    },
                    {
                        title: '本月已答复需求',
                        field: 'completeStory',
                        width: 100,
                        istrue: true
                    },
                    {
                        title: '本月已解决BUG/需求',
                        field: 'completeBugAndStory',
                        width: 120,
                        istrue: true
                    },
                    { title: '反馈关闭率', field: 'closeRateStr', width: 100, istrue: true }
                ]
            },
            uiViewSix: '列表UI',
            // 月度反馈关闭率 UI数据
            pieIdSix: 'test',
            pieOptionSix: {
                chart: {
                    type: 'column',
                    margin: 55,
                    options3d: {
                        enabled: true,
                        alpha: 8,
                        beta: 20,
                        depth: 90,
                        viewDistance: 100, // 视图距离，它对于计算角度影响在柱图和散列图非常重要。此值不能用于3D的饼图
                        frame: {
                            // Frame框架，3D图包含柱的面板，我们以X ,Y，Z的坐标系来理解，X轴与 Z轴所形成
                            // 的面为bottom，Y轴与Z轴所形成的面为side，X轴与Y轴所形成的面为back，bottom、
                            // side、back的属性一样，其中size为感官理解的厚度，color为面板颜色
                            bottom: {
                                size: 10
                            },
                            side: {
                                size: 1,
                                color: 'transparent'
                            },
                            back: {
                                size: 1,
                                color: 'transparent'
                            }
                        }
                    }
                },
                title: {
                    text: '月度合计反馈关闭率'
                },
                // subtitle: {
                //     text: '请注意值为 0 和 null 的区别'
                // },
                plotOptions: {
                    column: {
                        depth: 25,
                        dataLabels: {
                            enabled: true, // 柱状体上显示数额
                            format: '{y} %'
                            // formatter: function() {
                            //     return this.value + '%'
                            // }
                        }
                    }
                },
                credits: {
                    enabled: false // 不显示LOGO
                },

                xAxis: {
                    categories: [
                        '一月',
                        '二月',
                        '三月',
                        '四月',
                        '五月',
                        '六月',
                        '七月',
                        '八月',
                        '九月',
                        '十月',
                        '十一月',
                        '十二月'
                    ]
                },
                yAxis: {
                    min: 0,
                    minRange: 1,
                    title: {
                        text: null
                    },
                    labels: {
                        formatter: function() {
                            return this.value + '%'
                        }
                    }
                },
                tooltip: {
                    formatter: function() {
                        return this.x + '合计关闭率:' + this.y + '%</b>'
                    },
                    shared: false
                },
                series: []
            },
            // 反馈关闭率条件筛选
            rateForm: {
                productId: [],
                feedBackSource: [],
                influenceCategory: [],
                marketProject: [],
                serverRequestTag: null,
                year: this.getYear(),
                month: 60,
                realTimeDay: ''
            },
            // 默认 月度反馈关闭率条件筛选
            exportFormOne: {
                productId: [],
                feedBackSource: [],
                influenceCategory: [],
                marketProject: [],
                serverRequestTag: null,
                year: this.getYear(),
                month: 60,
                realTimeDay: ''
            },
            echartDataLoadingOne: false,
            // 反馈关闭率 table表格数据
            echartDataOne: {
                data: [],
                columns: [
                    { title: '产品名称', field: 'productName', width: 100, istrue: true },
                    { title: '年份', field: 'year', width: 50, istrue: true },
                    { title: '月份', field: 'month', width: 50, istrue: true },
                    {
                        title: 'C1已关闭',
                        field: 'closeFeedBackC1Count',
                        width: 100,
                        istrue: true
                    },
                    {
                        title: 'C2已关闭',
                        field: 'closeFeedBackC2Count',
                        width: 100,
                        istrue: true
                    },
                    {
                        title: 'C1新建数量',
                        field: 'newCreateC1Count',
                        width: 100,
                        istrue: true
                    },
                    {
                        title: 'C2新建数量',
                        field: 'newCreateC2Count',
                        width: 100,
                        istrue: true
                    },
                    {
                        title: 'C1遗留数量',
                        field: 'legacyFeedbackC1Count',
                        width: 100,
                        istrue: true
                    },
                    {
                        title: 'C2遗留数量',
                        field: 'legacyFeedbackC2Count',
                        width: 100,
                        istrue: true
                    },
                    {
                        title: 'C1激活数量',
                        field: 'activeC1Count',
                        width: 100,
                        istrue: true
                    },
                    {
                        title: 'C2激活数量',
                        field: 'activeC2Count',
                        width: 100,
                        istrue: true
                    },
                    {
                        title: 'C1关闭率(总计)',
                        field: 'closeC1RateStr',
                        width: 120,
                        istrue: true
                    },
                    {
                        title: 'C1关闭率(新建)',
                        field: 'closeNewCreateC1RateStr',
                        width: 100,
                        istrue: true
                    },
                    {
                        title: 'C2关闭率(总计)',
                        field: 'closeC2RateStr',
                        width: 120,
                        istrue: true
                    },
                    {
                        title: 'C2关闭率(新建)',
                        field: 'closeNewCreateC2RateStr',
                        width: 120,
                        istrue: true
                    }
                ]
            },
            // 已关闭问题统计tab
            activeName2: '7',
            // C1未关闭阶段统计
            rateSenveForm: {
                productId: [],
                marketProject: [],
                year: this.getYear(),
                month: this.getMonth(),
                beginTime: '',
                endTime: '',
                serverRequestTag: null,
                feedBackSource: []
            },
            echartDataLoadingSenve: false,
            echartDataSenve: {
                data: [],
                columns: [
                    {
                        title: 'C1关闭原因',
                        field: 'closeTheReasonName',
                        width: 100,
                        istrue: true
                    },
                    {
                        title: '反馈数量',
                        field: 'feedBackCount',
                        width: 50,
                        istrue: true
                    },
                    { title: 'C1关闭原因占比', field: 'rate', width: 100, istrue: true }
                ]
            },
            rateEightForm: {
                productId: [],
                marketProject: [],
                year: this.getYear(),
                month: this.getMonth(),
                beginTime: '',
                endTime: '',
                serverRequestTag: null,
                feedBackSource: []
            },
            echartDataLoadingEight: false,
            echartDataEight: {
                data: [],
                columns: [
                    {
                        title: 'C1关闭原因',
                        field: 'closeTheReasonName',
                        width: 100,
                        istrue: true
                    },
                    {
                        title: 'C1解决方案',
                        field: 'closeTheSolutionName',
                        width: 100,
                        istrue: true
                    },
                    {
                        title: '反馈数量',
                        field: 'feedBackCount',
                        width: 50,
                        istrue: true
                    },
                    {
                        title: 'C1解决方案细分占比',
                        field: 'rateDetailStr',
                        width: 100,
                        istrue: true
                    },
                    { title: 'C1解决方案总占比', field: 'rateStr', width: 100, istrue: true },
                    {
                        title: 'C1关闭原因占比',
                        field: 'closeTheReasonRateStr',
                        width: 100,
                        istrue: true
                    }

                ]
            },
            activeName3: '9',
            rateNightForm: {
                productId: [],
                marketProject: [],
                year: this.getYear(),
                month: this.getMonth(),
                beginTime: '',
                endTime: '',
                serverRequestTag: null,
                feedBackSource: []
            },
            echartDataLoadingNight: false,
            echartDataNight: {
                data: [],
                columns: [
                    {
                        title: '流程节点',
                        field: 'parentStageName',
                        width: 100,
                        istrue: true
                    },
                    {
                        title: '阶段名称',
                        field: 'stageName',
                        width: 100,
                        istrue: true
                    },
                    {
                        title: '反馈数量',
                        field: 'feedBackCount',
                        width: 50,
                        istrue: true
                    },
                    {
                        title: '阶段细分占比',
                        field: 'rateDetailStr',
                        width: 100,
                        istrue: true
                    },

                    { title: '阶段总占比', field: 'rateStr', width: 100, istrue: true },
                    {
                        title: '流程节点占比',
                        field: 'stageRate',
                        width: 100,
                        istrue: true
                    }
                ]
            },
            rateTenForm: {
                productId: [],
                marketProject: [],
                year: this.getYear(),
                month: this.getMonth(),
                beginTime: '',
                endTime: '',
                serverRequestTag: null,
                feedBackSource: []
            },
            echartDataLoadingTen: false,
            // 月度反馈关闭率 UI数据
            pieIdTen: 'test',
            pieOptionTen: {
                chart: {
                    type: 'column',
                    margin: 55,
                    options3d: {
                        enabled: true,
                        alpha: 8,
                        beta: 20,
                        depth: 90,
                        viewDistance: 100, // 视图距离，它对于计算角度影响在柱图和散列图非常重要。此值不能用于3D的饼图
                        frame: {
                            // Frame框架，3D图包含柱的面板，我们以X ,Y，Z的坐标系来理解，X轴与 Z轴所形成
                            // 的面为bottom，Y轴与Z轴所形成的面为side，X轴与Y轴所形成的面为back，bottom、
                            // side、back的属性一样，其中size为感官理解的厚度，color为面板颜色
                            bottom: {
                                size: 10
                            },
                            side: {
                                size: 1,
                                color: 'transparent'
                            },
                            back: {
                                size: 1,
                                color: 'transparent'
                            }
                        }
                    }
                },
                title: {
                    text: '反馈关闭率'
                },
                // subtitle: {
                //     text: '请注意值为 0 和 null 的区别'
                // },
                plotOptions: {
                    column: {
                        depth: 25,
                        dataLabels: {
                            enabled: true, // 柱状体上显示数额
                            format: '{y} %'
                            // formatter: function() {
                            //     return this.value + '%'
                            // }
                        }
                    }
                },
                credits: {
                    enabled: false // 不显示LOGO
                },

                xAxis: {
                    categories: [
                        '一月',
                        '二月',
                        '三月',
                        '四月',
                        '五月',
                        '六月',
                        '七月',
                        '八月',
                        '九月',
                        '十月',
                        '十一月',
                        '十二月'
                    ]
                },
                yAxis: {
                    min: 0,
                    minRange: 1,
                    title: {
                        text: null
                    },
                    labels: {
                        formatter: function() {
                            return this.value + '%'
                        }
                    }
                },
                tooltip: {
                    formatter: function() {
                        return this.x + '关闭率:' + this.y + '%</b>'
                    },
                    shared: false
                },
                series: []
            },
            projectChartsOption: {
                chart: {
                    type: 'column',
                    events: {
                        drilldown: function(e) {
                            if (!e.seriesOptions) {
                                var chart = this
                                var drilldowns = {
                                    name: e.point.name,
                                    data: returnItemData(e.point.id)
                                }
                                var series = drilldowns
                                // Show the loading label
                                chart.showLoading('数据加载中 ...')
                                setTimeout(function() {
                                    chart.hideLoading()
                                    chart.addSeriesAsDrilldown(e.point, series)
                                }, 1000)
                            }
                        }
                    }
                },
                title: {
                    text: '营销项目名称统计'
                },
                subtitle: {
                    text: '点击显示该数据详细数据'
                },
                xAxis: {
                    type: 'category',
                    data: [
                        '1月',
                        '2月',
                        '3月',
                        '4月',
                        '5月',
                        '6月',
                        '7月',
                        '8月',
                        '9月',
                        '10月',
                        '11月',
                        '12月'
                    ]
                },
                yAxis: {
                    title: {
                        text: ' '
                    }
                },
                legend: {
                    enabled: false
                },
                credits: {
                    enabled: false
                },
                plotOptions: {
                    series: {
                        cursor: 'pointer',
                        borderWidth: 0,
                        dataLabels: {
                            enabled: true,
                            format: '{point.y}'
                        }
                        // events: {
                        //     click: function(event) {
                        //         if (!event.point.isParent) {
                        //             console.log(event.point.isParent)
                        //             that.detailsDialogShow = true
                        //             that.detailsDialogTitle = '数据列表'
                        //         }
                        //     }
                        // }
                    }
                },
                tooltip: {
                    headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
                    pointFormat:
                        '<span style="color:{point.color}">{point.name}</span>: <b>{point.y}</b><br/>'
                },
                lang: {
                    drillUpText: '◁  返回 '
                },
                loading: {
                    style: {
                        position: 'absolute', // 默认值
                        opacity: 0.8, // 透明度
                        textAlign: 'center' // 文字显示方式
                        // backgroundColor: 'gray',//背景色
                        // backgroundImage: 'url("../Content/images/drip.gif")', // 显示的背景动态gif图片，设置此项为gif图片即可实现常见的加载中动态效果图
                        // backgroundSize: '100% 100%'// 设置背景图片铺满Series数据列区域
                    }
                },
                series: [
                    {
                        name: '营销项目名称统计',
                        colorByPoint: true,
                        data: [
                            {
                                name: '1月',
                                id: '23',
                                isParent: true,
                                y: 56,
                                drilldown: '1'
                            },
                            {
                                name: '2月',
                                isParent: true,
                                y: 24,
                                drilldown: '2'
                            },
                            {
                                name: '3月',
                                isParent: true,
                                y: 10,
                                drilldown: '3'
                            },
                            {
                                name: '4月',
                                isParent: true,
                                y: 64,
                                drilldown: '4'
                            },
                            {
                                name: '5月',
                                isParent: true,
                                y: 50,
                                drilldown: '5'
                            },
                            {
                                name: '6月',
                                isParent: true,
                                y: 100,
                                drilldown: '6'
                            },
                            {
                                name: '7月',
                                isParent: true,
                                y: 50,
                                drilldown: '7'
                            },
                            {
                                name: '8月',
                                isParent: true,
                                y: 30,
                                drilldown: '8'
                            },
                            {
                                name: '9月',
                                isParent: true,
                                y: 20,
                                drilldown: '9'
                            },
                            {
                                name: '10月',
                                isParent: true,
                                y: 10,
                                drilldown: '10'
                            },
                            {
                                name: '11月',
                                isParent: true,
                                y: 50,
                                drilldown: '11'
                            },
                            {
                                name: '12月',
                                isParent: true,
                                y: 80,
                                drilldown: '12'
                            }
                        ]
                    }
                ],
                drilldown: {
                    series: []
                }
            },
            activeName4: '11',
            rateElevenForm: {
                productId: [],
                marketProject: [],
                year: this.getYear(),
                month: this.getMonth(),
                beginDate: '',
                endDate: '',
                serverRequest: null,
                feedBackSource: []
            },
            pickerOptions: {
                shortcuts: [
                    {
                        text: '本月',
                        onClick(picker) {
                            picker.$emit('pick', [new Date(), new Date()])
                        }
                    },
                    {
                        text: '今年至今',
                        onClick(picker) {
                            const end = new Date()
                            const start = new Date(new Date().getFullYear(), 0)
                            picker.$emit('pick', [start, end])
                        }
                    },
                    {
                        text: '最近六个月',
                        onClick(picker) {
                            const end = new Date()
                            const start = new Date()
                            start.setMonth(start.getMonth() - 6)
                            picker.$emit('pick', [start, end])
                        }
                    }
                ]
            },
            echartDataLoadingEleven: false,
            echartDataEleven: {
                data: [],
                columns: [
                    {
                        title: '流程节点',
                        field: 'parentStageName',
                        width: 100,
                        istrue: true
                    },
                    {
                        title: '处理阶段名称',
                        field: 'stageName',
                        width: 100,
                        istrue: true
                    },
                    {
                        title: '反馈数量',
                        field: 'feedBackCount',
                        width: 50,
                        istrue: true
                    },
                    { title: '时长/天', field: 'day', width: 50, istrue: true },
                    {
                        title: '阶段时长细分占比',
                        field: 'particularsRate',
                        width: 100,
                        istrue: true
                    },

                    { title: '阶段时长总占比', field: 'rate', width: 100, istrue: true },
                    {
                        title: '流程节点时长总占比',
                        field: 'parentStageRate',
                        width: 100,
                        istrue: true
                    }
                ]
            },
            rateTwelveForm: {
                productId: [],
                marketProject: [],
                year: this.getYear(),
                month: this.getMonth(),
                beginDate: '',
                endDate: '',
                serverRequest: null,
                feedBackSource: []
            },
            echartDataLoadingTwelve: false,
            echartDataTwelve: {
                data: [],
                columns: [
                    { title: 'C1/C2', field: 'ctag', width: 100, istrue: true },
                    { title: '部门名称', field: 'depName', width: 100, istrue: true },
                    { title: '反馈数量', field: 'feedBackCount', width: 50, istrue: true },
                    { title: '时长/天', field: 'durationDay', width: 50, istrue: true },
                    { title: '时长总占比', field: 'rate', width: 100, istrue: true }
                ]
            },
            rateThirtForm: {
                productId: [],
                marketProject: [],
                year: this.getYear(),
                month: this.getMonth(),
                beginDate: '',
                endDate: '',
                serverRequest: null,
                feedBackSource: []
            },
            echartDataLoadingThirt: false,
            echartDataThirt: {
                data: [],
                columns: [
                    {
                        title: '反馈来源名称',
                        field: 'feedbackSourceName',
                        width: 100,
                        istrue: true
                    },
                    { title: '反馈数量', field: 'feedBackCount', width: 50, istrue: true },
                    { title: '时长/天', field: 'durationDay', width: 50, istrue: true },
                    // {
                    //     title: '时长细分占比',
                    //     field: 'rate',
                    //     width: 100,
                    //     istrue: true
                    // },
                    { title: '时长总占比', field: 'rate', width: 100, istrue: true }
                ]
            },
            rateFourtForm: {
                productId: [],
                marketProject: [],
                year: this.getYear(),
                month: this.getMonth(),
                beginDate: '',
                endDate: '',
                serverRequest: null,
                feedBackSource: []
            },
            C1table: [],
            C1NotColsetable: [],
            C2table: [],
            C2NotColsetable: [],
            C1tableLoading: false,
            C1NotColseLoading: false,
            C2tableLoading: false,
            C2NotColseLoading: false,

            rateFiftForm: {
                productId: [],
                marketProject: [],
                year: this.getYear(),
                month: this.getMonth(),
                beginDate: '',
                endDate: '',
                serverRequest: null,
                feedBackSource: []
            },
            echartDataLoadingFift: false,
            echartDataFift: {
                data: [],
                columns: [
                    { title: 'C1/C2', field: 'cTagStr', width: 100, istrue: true },
                    { title: '反馈数量', field: 'feedbackCount', width: 50, istrue: true },
                    { title: '时长/天', field: 'durationDay', width: 50, istrue: true }
                    // {
                    //     title: '时长细分占比',
                    //     field: 'newCreateCount',
                    //     width: 100,
                    //     istrue: true
                    // },
                    // { title: '时长总占比', field: 'legacyCount', width: 100, istrue: true }
                ]
            },
            backSituationForm: {
                productId: [],
                marketProject: [],
                year: this.getYear(),
                month: this.getMonth(),
                beginDate: '',
                endDate: ''
            },
            echartDataLoadingBack: false,
            echartDataBack: {
                data: [],
                columns: [
                    { title: '回退/激活', field: 'text', width: 100, istrue: true },
                    { title: '回退/激活0次', field: 'zero', width: 50, istrue: true },
                    { title: '回退/激活1次', field: 'one', width: 50, istrue: true },
                    { title: '回退/激活2次', field: 'two', width: 50, istrue: true },
                    { title: '回退/激活3次', field: 'three', width: 100, istrue: true },
                    {
                        title: '回退/激活3次以上',
                        field: 'moreThree',
                        width: 100,
                        istrue: true
                    },
                    {
                        title: '回退/激活问题总数',
                        field: 'allCount',
                        width: 100,
                        istrue: true
                    },
                    {
                        title: '回退/激活问题占比',
                        field: 'rate',
                        width: 100,
                        istrue: true
                    }
                ]
            },

            selectType: '1',
            selectType2: '1',
            notEmpty: false,
            clickParam: {},
            defaultTitle: {},
            startDatePicker: this.beginDate(),
            endDatePicker: this.processDate(),
            startDatePicker2: this.beginDate2(),
            endDatePicker2: this.processDate2(),
            echartsStyles: {
                height: '500px'
            },
            titles1: '反馈关闭率',
            optionTitle1: {
                text: '反馈关闭率'
            },
            legendData: [],
            questionForm: {
                productId: '',
                markProjectId: '',
                queryDate: 'CURRENT_MONTH'
            },
            statisticForm: {
                queryDate: 'CURRENT_MONTH',
                productId: '',
                markProjectId: ''
            },
            handleForm: {
                queryDate: 'NIL',
                productId: '',
                markProjectId: '',
                startTime: '',
                endTime: ''
            },
            getBackTable: [],
            getBackTableLoading: false,
            echartsDatas1: {
                chart1: {
                    count: '',
                    title: 'C1反馈关闭率',
                    data: []
                },
                chart2: {
                    count: '',
                    title: 'C2反馈关闭率',
                    data: []
                }
            },
            echartsDatas2: {
                chart1: {
                    count: 0,
                    title: 'C1关闭原因统计总数:',
                    data: []
                },
                chart2: {
                    count: 0,
                    title: 'C1解决方案统计总数:',
                    data: []
                },
                chart3: {
                    count: 0,
                    title: 'C2已关闭总数:',
                    data: []
                }
            },
            echartsDatas3: {
                chart1: {
                    count: 0,
                    title: 'C1反馈状态总数:',
                    data: []
                },
                chart2: {
                    count: 0,
                    title: 'C1处理阶段总数:',
                    data: []
                },
                chart3: {
                    count: 0,
                    title: 'C1营销项目名称总数:',
                    data: []
                },
                chart4: {
                    count: 0,
                    title: 'C2未关闭状态总数:',
                    data: []
                }
            },
            echartsDatas4: {
                chart1: {
                    count: '',
                    title: 'C1已关闭阶段处理时长',
                    type: 'time',
                    data: []
                },
                chart2: {
                    count: '',
                    type: 'time',
                    title: 'C1已关闭部门处理时长',
                    data: []
                },
                chart3: {
                    count: '',
                    type: 'time',
                    title: 'C2已关闭部门处理时长',
                    data: []
                },
                chart4: {
                    count: '',
                    type: 'time',
                    title: '反馈来源统计',
                    data: []
                }
            },
            cardStyle: {
                height: '100%'
            },
            dayRangeArr: [
                {
                    name: 'feedBackCount',
                    excelName: '未关闭处理时长总计',
                    beginDay: 0,
                    endDay: 100000
                },
                {
                    name: 'lessTenCount',
                    excelName: '未关闭处理时长0-10天',
                    beginDay: 0,
                    endDay: 11
                },
                {
                    name: 'lessTwentyCount',
                    excelName: '未关闭处理时长11-20天',
                    beginDay: 11,
                    endDay: 21
                },
                {
                    name: 'lessThirtyCount',
                    excelName: '未关闭处理时长21-30天',

                    beginDay: 21,
                    endDay: 31
                },
                {
                    name: 'lessSixtyCount',
                    excelName: '未关闭处理时长31-60天',

                    beginDay: 31,
                    endDay: 61
                },
                {
                    name: 'lessNinetyCount',
                    excelName: '未关闭处理时长61-90天',

                    beginDay: 61,
                    endDay: 91
                },
                {
                    name: 'moreNineCount',
                    excelName: '未关闭处理时长90天以上',

                    beginDay: 91,
                    endDay: 100000
                }
                // /'总计', '0~10天', '11~20天', '21~30天', '31~60天', '61~90天', '90天以上'
            ],
            dayRangeArr2: [
                {
                    name: 'zero',
                    excelName: '回退情况C1环激活0次',
                    beginCount: 0,
                    endCount: 0
                },
                {
                    name: 'one',
                    excelName: '回退情况C1环激活1次',
                    beginCount: 1,
                    endCount: 1
                },
                {
                    name: 'two',
                    excelName: '回退情况C1环激活2次',
                    beginCount: 2,
                    endCount: 2
                },
                {
                    name: 'three',
                    excelName: '回退情况C1环激活3次',
                    beginCount: 3,
                    endCount: 3
                },
                {
                    name: 'moreThree',
                    excelName: '回退情况C1环激活3次以上',
                    beginCount: 4,
                    endCount: 10000
                },
                {
                    name: 'count',
                    excelName: '回退情况C1环激活总数',
                    beginCount: 1,
                    endCount: 10000
                }
                // /'总计', '0~10天', '11~20天', '21~30天', '31~60天', '61~90天', '90天以上'
            ],
            dialogFormVisible: false,
            conditionTable: [],
            conditionInfo: {
                pageIndex: 1,
                pageRow: 50
            },
            conditionTotalNumber: null,
            staticChartsData: {},
            allProductId: [],
            saveSearchConditionDialog: false,
            saveSearchConditionForm: {
                type: '',
                text: ''
            },
            saveSearchConditionRules: {
                text: [
                    { required: true, message: '请输入搜索条件名称', trigger: 'change' },
                    {
                        min: 1,
                        max: 30,
                        message: '长度在 1 到 30 个字符',
                        trigger: 'change'
                    }
                ]
            }
        }
    },
    computed: {},

    mounted() {
        // 获取所有产品
        this.getProductList()
        // 获取自定义设置
        this.getMarketProjectFirstList()
        this.GoBackDesc()
        // 月度反馈关闭率
        // this.closeRateMonthly()
        // this.staticChartsMonthly()
    },
    filters: {
        switchName(v) {
            if (v) {
                if (v == 'MONTH_CLOSE_RATE') {
                    return '月度反馈关闭率'
                } else if (v == 'CLOSE_RATE') {
                    return '反馈关闭率'
                } else if (v == 'CLOSE') {
                    return '已关闭问题统计'
                } else if (v == 'NOT_CLOSE') {
                    return '未关闭问题统计'
                } else if (v == 'DURATION') {
                    return '处理时长'
                } else if (v == 'GO_BACK') {
                    return '回退情况统计'
                } else {
                    return v
                }
            }
        },
        filterData(data) {
            var arrs = []
            arrs.push({
                errcode: data.errcode
            })
            return arrs
        }
    },
    methods: {
        async GoBackDesc() {
            try {
                const res = await DataStatistics.GoBackDesc()
                if (res.success) {
                    console.log(res.data)
                    this.backDescList = res.data
                } else {
                    this.backDescList = []
                }
            } catch (error) {
                console.log(error)
                this.backDescList = []
            }
        },
        clickInvidialDetail(row) {
            console.log(row)
            this.detailsDialogShow = true
            this.detailsDialogTitle = '数据列表'
            this.currentRowdata = row

            this.invalidTableDetail(row.cTagStr)
        },
        async invalidTableDetail(cTagStr) {
            const timeRange = this.transYearAndMonth(
                this.rateFiftForm.year,
                this.rateFiftForm.month
            )
            this.rateFiftForm.beginDate = timeRange.beginTime
            this.rateFiftForm.endDate = timeRange.endTime
            const parmars = { ...this.rateFiftForm }
            parmars.pageSize = this.detailsDialogList.pageSize
            parmars.pageIndex = this.detailsDialogList.pageIndex
            parmars.ctag = cTagStr
            console.log('parmars', parmars)
            try {
                const res = await DataStatistics.invalidTableDetail(parmars)
                this.detailsDialogList.data = res.data.data
                this.detailsDialogList.total = res.data.total
            } catch (error) {
                console.log(error)
                this.detailsDialogList.data = []
            }
        },
        async invalidTableExport() {
            const timeRange = this.transYearAndMonth(
                this.rateFiftForm.year,
                this.rateFiftForm.month
            )
            this.rateFiftForm.beginDate = timeRange.beginTime
            this.rateFiftForm.endDate = timeRange.endTime
            try {
                const result = await DataStatistics.invalidTableExport(this.rateFiftForm)
                console.log(result)
            } catch (error) {
                console.log(error)
            }
        },
        //      invalidTable: '/api/Statistics/Duration/Invalid',
        // invalidTableDetail: '/api/Statistics/Duration/Invalid/Detail',
        // invalidTableDetailExport: '/api/Statistics/Duration/Invalid/Detail/Export',
        // invalidTableExport: '/api/Statistics/Duration/Invalid/Export'

        async invalidTable() {
            const timeRange = this.transYearAndMonth(
                this.rateFiftForm.year,
                this.rateFiftForm.month
            )
            this.rateFiftForm.beginDate = timeRange.beginTime
            this.rateFiftForm.endDate = timeRange.endTime
            console.log(this.rateFiftForm)
            this.echartDataLoadingFift = true
            try {
                const res = await DataStatistics.invalidTable(this.rateFiftForm)
                if (res.success) {
                    console.log(res.data)
                    setTimeout(() => {
                        this.echartDataLoadingFift = false
                        this.echartDataFift.data = res.data
                    }, 1000)
                } else {
                    this.echartDataLoadingFift = false
                    this.echartDataFift.data = []
                }
            } catch (error) {
                this.echartDataLoadingFift = false
                this.echartDataFift.data = []
                console.log(error)
            }
        },
        async c1AndC2Table() {
            const timeRange = this.transYearAndMonth(
                this.rateFourtForm.year,
                this.rateFourtForm.month
            )
            this.rateFourtForm.beginDate = timeRange.beginTime
            this.rateFourtForm.endDate = timeRange.endTime
            console.log(this.rateFourtForm)
            try {
                const res = await DataStatistics.c1AndC2Table(this.rateFourtForm)
                console.log(res)
                this.C1tableLoading = true
                if (res.success) {
                    setTimeout(() => {
                        this.C1tableLoading = false
                        this.C1table = [res.data.c1CloseDurationTableDto]
                        this.C2table = [res.data.c2CloseDurationTableDto]
                        this.C1NotColsetable = [res.data.c1NotCloseDurationTableDto]
                        this.C2NotColsetable = [res.data.c2NotCloseDurationTableDto]
                    }, 1000)
                } else {
                    this.C1table = []
                    this.C2table = []
                    this.C1NotColsetable = []
                    this.C2NotColsetable = []
                }
            } catch (error) {
                console.log(error)
                this.C1table = []
                this.C2table = []
                this.C1NotColsetable = []
                this.C2NotColsetable = []
            }
        },
        async c1AndC2TableExport() {
            const timeRange = this.transYearAndMonth(
                this.rateFourtForm.year,
                this.rateFourtForm.month
            )
            this.rateFourtForm.beginDate = timeRange.beginTime
            this.rateFourtForm.endDate = timeRange.endTime
            try {
                const result = await DataStatistics.c1AndC2TableExport(this.rateFourtForm)
                console.log(result)
            } catch (error) {
                console.log(error)
            }
        },
        getC1OrC2Detail(scope) {
            console.log(scope)
            this.detailsDialogShow = true
            this.detailsDialogTitle = '数据列表'
            this.currentRowdata = scope.row
            this.currentRowdata.label = scope.column.label

            const durationTableEnum = this.getTypeFormEnmu(scope.column.property, scope.row.ctag)
            this.currentRowdata.durationTableEnum = durationTableEnum
            this.getDetailForC1OrC2(durationTableEnum)
        },
        async getDetailForC1OrC2(durationTableEnum) {
            const timeRange = this.transYearAndMonth(
                this.rateFourtForm.year,
                this.rateFourtForm.month
            )
            this.rateFourtForm.beginDate = timeRange.beginTime
            this.rateFourtForm.endDate = timeRange.endTime
            const parmars = { ...this.rateFourtForm }
            parmars.pageSize = this.detailsDialogList.pageSize
            parmars.pageIndex = this.detailsDialogList.pageIndex
            // parmars.parentStageId = parentStageId
            parmars.ctagEnum = this.currentRowdata.ctag === 0 ? 'C1' : 'C2'
            parmars.closed = this.currentRowdata.closed
            parmars.durationTableEnum = durationTableEnum

            console.log('parmars', parmars)
            try {
                const res = await DataStatistics.getDetailForC1OrC2(parmars)
                this.detailsDialogList.data = res.data.data
                this.detailsDialogList.total = res.data.total
            } catch (error) {
                console.log(error)
                this.detailsDialogList.data = []
            }
        },

        getTypeFormEnmu(type, ctag) {
            if (ctag === 0) {
                switch (type) {
                    case 'sum':
                        return 'ALL'
                    case 'ten':
                        return 'ZERO_TEN'
                    case 'twenty':
                        return 'TEN_TWENTY'
                    case 'thirty':
                        return 'TWENTY_THIRTY'
                    case 'sixty':
                        return 'THIRTY_SIXTY'
                    case 'ninety':
                        return 'SIXTY_NINETY'
                    case 'more':
                        return 'NINETY_MORE'
                    default:
                        return ''
                }
            } else {
                switch (type) {
                    case 'sum':
                        return 'ALL'
                    case 'thirty':
                        return 'ZERO_THIRTY'
                    case 'sixty':
                        return 'THIRTY_SIXTY'
                    case 'ninety':
                        return 'SIXTY_NINETY'
                    case 'oneHundredTwenty':
                        return 'NINETY_ONEHUNDREDTWENTY'
                    case 'oneHundredFifty':
                        return 'ONEHUNDREDFIFTY_ONEHUNDREDFIFTY'
                    case 'more':
                        return 'ONEHUNDREDFIFTY_MORE'
                    default:
                        return ''
                }
            }
        },
        clickFedTableDetail(row) {
            console.log(row)
            this.detailsDialogShow = true
            this.detailsDialogTitle = '数据列表'
            this.currentRowdata = row
            // detailsDialogList.data
            this.feedBackSourceTableDetail(row.feedbackSourceId)
        },
        async feedBackSourceTableDetail(feedbackSourceId) {
            const timeRange = this.transYearAndMonth(
                this.rateThirtForm.year,
                this.rateThirtForm.month
            )
            this.rateThirtForm.beginDate = timeRange.beginTime
            this.rateThirtForm.endDate = timeRange.endTime
            const parmars = { ...this.rateThirtForm }
            parmars.pageSize = this.detailsDialogList.pageSize
            parmars.pageIndex = this.detailsDialogList.pageIndex
            // parmars.parentStageId = parentStageId
            parmars.feedbackSourceId = feedbackSourceId
            console.log('parmars', parmars)
            try {
                const res = await DataStatistics.feedBackSourceTableDetail(parmars)
                this.detailsDialogList.data = res.data.records
                this.detailsDialogList.total = res.data.total
            } catch (error) {
                console.log(error)
                this.detailsDialogList.data = []
            }
        },
        async feedBackSourceTableExport() {
            const timeRange = this.transYearAndMonth(
                this.rateThirtForm.year,
                this.rateThirtForm.month
            )
            this.rateThirtForm.beginDate = timeRange.beginTime
            this.rateThirtForm.endDate = timeRange.endTime
            try {
                const result = await DataStatistics.feedBackSourceTableExport(this.rateThirtForm)
                console.log(result)
            } catch (error) {
                console.log(error)
            }
        },
        async feedBackSourceTable() {
            const timeRange = this.transYearAndMonth(
                this.rateThirtForm.year,
                this.rateThirtForm.month
            )
            this.rateThirtForm.beginDate = timeRange.beginTime
            this.rateThirtForm.endDate = timeRange.endTime
            console.log(this.rateThirtForm)
            this.echartDataLoadingThirt = true
            try {
                const res = await DataStatistics.feedBackSourceTable(this.rateThirtForm)
                if (res.success) {
                    console.log(res.data)
                    setTimeout(() => {
                        this.echartDataLoadingThirt = false
                        this.echartDataThirt.data = res.data
                    }, 1000)
                } else {
                    this.echartDataLoadingThirt = false
                    this.echartDataThirt.data = []
                }
            } catch (error) {
                this.echartDataLoadingThirt = false
                this.echartDataThirt.data = []
                console.log(error)
            }
        },
        clickDepDetail(row) {
            console.log(row)
            this.detailsDialogShow = true
            this.detailsDialogTitle = '数据列表'
            this.currentRowdata = row
            // detailsDialogList.data
            this.durationDepDetail(row.depCode, row.ctag)
        },
        async durationDepDetail(depCode, ctag) {
            console.log(depCode)
            const timeRange = this.transYearAndMonth(
                this.rateTwelveForm.year,
                this.rateTwelveForm.month
            )
            this.rateTwelveForm.beginDate = timeRange.beginTime
            this.rateTwelveForm.endDate = timeRange.endTime
            const parmars = { ...this.rateTwelveForm }
            parmars.pageSize = this.detailsDialogList.pageSize
            parmars.pageIndex = this.detailsDialogList.pageIndex
            parmars.ctag = ctag
            parmars.deptCode = depCode
            console.log('parmars', parmars)
            try {
                const res = await DataStatistics.durationDepDetail(parmars)
                this.detailsDialogList.data = res.data.data
                this.detailsDialogList.total = res.data.total
            } catch (error) {
                console.log(error)
                this.detailsDialogList.data = []
            }
        },
        async durationDep() {
            console.log(
                this.transYearAndMonth(
                    this.rateTwelveForm.year,
                    this.rateTwelveForm.month
                )
            )
            const timeRange = this.transYearAndMonth(
                this.rateTwelveForm.year,
                this.rateTwelveForm.month
            )
            this.rateTwelveForm.beginDate = timeRange.beginTime
            this.rateTwelveForm.endDate = timeRange.endTime
            console.log(this.rateTwelveForm)
            this.echartDataLoadingTwelve = true
            try {
                const res = await DataStatistics.durationDep(this.rateTwelveForm)
                if (res.success) {
                    console.log(res.data)
                    setTimeout(() => {
                        res.data.forEach((item) => {
                            item.rowspan = 1
                        })
                        for (let i = 0; i < res.data.length; i++) {
                            // 内层循环，上面已经给所有的行都加了item.rowspan = 1
                            // 这里进行判断
                            // 如果当前行的cid和下一行的cid相等
                            // 就把当前item.rowspan + 1
                            // 下一行的item.rowspan - 1
                            for (let j = i + 1; j < res.data.length; j++) {
                                // 此处可根据相同字段进行合并，此处是根据的id
                                if (res.data[i].ctag === res.data[j].ctag) {
                                    res.data[i].rowspan++
                                    res.data[j].rowspan--
                                }
                            }
                            // 这里跳过已经重复的数据
                            i = i + res.data[i].rowspan - 1
                        }
                        this.echartDataLoadingTwelve = false
                        this.echartDataTwelve.data = res.data
                    }, 1000)
                } else {
                    this.echartDataLoadingTwelve = false
                    this.echartDataTwelve.data = []
                }
            } catch (error) {
                this.echartDataLoadingTwelve = false
                this.echartDataTwelve.data = []
                console.log(error)
            }
        },
        async durationDepExport() {
            const timeRange = this.transYearAndMonth(
                this.rateTwelveForm.year,
                this.rateTwelveForm.month
            )
            this.rateTwelveForm.beginDate = timeRange.beginTime
            this.rateTwelveForm.endDate = timeRange.endTime
            try {
                const result = await DataStatistics.durationDepExport(this.rateTwelveForm)
                console.log(result)
            } catch (error) {
                console.log(error)
            }
        },

        formatTimer(value) {
            if (!value) {
                return ''
            }
            var date = new Date(value)
            const y = date.getFullYear()
            let MM = date.getMonth() + 1
            MM = MM < 10 ? '0' + MM : MM
            let d = date.getDate()
            d = d < 10 ? '0' + d : d
            let h = date.getHours()
            h = h < 10 ? '0' + h : h
            let m = date.getMinutes()
            m = m < 10 ? '0' + m : m
            let s = date.getSeconds()
            s = s < 10 ? '0' + s : s
            return y + '-' + MM + '-' + d + ' ' + h + ':' + m + ':' + s
        },
        rateSenveSearch() {
            this.closeReasonC1()
        },
        async exportSenve() {
            const timeRange = this.transYearAndMonth(
                this.rateSenveForm.year,
                this.rateSenveForm.month
            )
            this.rateSenveForm.beginTime = timeRange.beginTime
            this.rateSenveForm.endTime = timeRange.endTime
            try {
                const result = await DataStatistics.exportSenve(this.rateSenveForm)
                console.log(result)
            } catch (error) {
                console.log(error)
            }
        },
        async nineDetialExport() {
            const timeRange = this.transYearAndMonth(
                this.rateNightForm.year,
                this.rateNightForm.month
            )
            this.rateNightForm.beginTime = timeRange.beginTime
            this.rateNightForm.endTime = timeRange.endTime
            try {
                const result = await DataStatistics.nineDetialExport(this.rateNightForm)
                console.log(result)
            } catch (error) {
                console.log(error)
            }
        },

        transYearAndMonth(year, month) {
            if (month === 0) {
                const startStr = `${year}/01/01 00:00:00`
                const endStr = `${year * 1 + 1}/01/01 23:59:59`
                return {
                    beginTime: this.formatTimer(startStr),
                    endTime: this.formatTimer(endStr)
                }
            } else {
                if (month < 10) {
                    month = '0' + month
                }
                const str = `${year}/${month}/01 00:00:00`
                const date = new Date(str)
                const start = new Date(
                    date.getFullYear(),
                    date.getMonth(),
                    date.getDate(),
                    '00',
                    '00',
                    '00'
                )
                start.setDate(1)
                // 获取当前月的最后一天
                let currentMonth = date.getMonth()
                const nextMonth = ++currentMonth
                const nextMonthFirstDay = new Date(
                    date.getFullYear(),
                    nextMonth,
                    1,
                    '23',
                    '59',
                    '59'
                )
                const oneDay = 1000 * 60 * 60 * 24
                const end = new Date(nextMonthFirstDay - oneDay)
                return {
                    beginTime: this.formatTimer(start),
                    endTime: this.formatTimer(end)
                }
            }
        },
        objectSpanMethodByCloseId({ row, column, rowIndex, columnIndex }) {
            const a = this.echartDataEight.data.length
            const b = a - 1
            // console.log(a, b)
            if (rowIndex === b) {
                // 如果当前列是第一行第一列，合并1行，和2列
                if (column.property === 'closeTheReasonName') {
                    return [1, 2]
                } else if (column.property === 'closeTheSolutionName') {
                    return [0, 0]
                }
            }
            const c = this.echartDataNight.data.length
            const d = c - 1
            // console.log(a, b)
            if (rowIndex === d) {
                // 如果当前列是第一行第一列，合并1行，和2列
                if (column.property === 'parentStageName') {
                    return [1, 2]
                } else if (column.property === 'stageName') {
                    return [0, 0]
                }
            }
            if (columnIndex === 0) {
                return {
                    rowspan: row.rowspan,
                    colspan: 1
                }
            }
            if (column.property === 'closeTheReasonRateStr' || column.property === 'stageRate') {
                return {
                    rowspan: row.rowspan,
                    colspan: 1
                }
            }
        },
        objectSpanMethodByCondition({ row, column, rowIndex, columnIndex }) {
            // console.log(row, column, rowIndex, columnIndex)
            const a = this.echartDataSix.data.length
            const b = a - 1
            // console.log(a, b)
            if (rowIndex === b) {
                // 如果当前列是第一行第一列，合并1行，和2列
                if (column.property === 'productName') {
                    return [1, 3]
                } else if (column.property === 'year' || column.property === 'month') {
                    return [0, 0]
                }
            }
        },
        objectSpanMethodByConditions({ row, column, rowIndex, columnIndex }) {
            console.log(row, column, rowIndex, columnIndex)
            const a = this.echartDataOne.data.length
            const b = a - 1
            console.log(a, b)
            if (rowIndex === b) {
                // 如果当前列是第一行第一列，合并1行，和2列
                if (column.property === 'productName') {
                    return [1, 3]
                } else if (column.property === 'year' || column.property === 'month') {
                    return [0, 0]
                }
            }
        },

        spanMethodConbine({ row, column, rowIndex, columnIndex }) {
            if (columnIndex === 0) {
                return {
                    rowspan: row.rowspan,
                    colspan: 1
                }
            }
            if (column.property === 'parentStageRate') {
                return {
                    rowspan: row.rowspan,
                    colspan: 1
                }
            }
        },
        conbineTwelve({ row, column, rowIndex, columnIndex }) {
            if (columnIndex === 0) {
                return {
                    rowspan: row.rowspan,
                    colspan: 1
                }
            }
        },
        cellStyleByCloseId({ row, column, rowIndex, columnIndex }) {
            if (columnIndex === 0) {
                if (row.rowspan > 1) {
                    console.log('2222')
                    return 'conbine_cell'
                }
            }
        },
        async closeReasonC1() {
            console.log(
                this.transYearAndMonth(
                    this.rateSenveForm.year,
                    this.rateSenveForm.month
                )
            )
            const timeRange = this.transYearAndMonth(
                this.rateSenveForm.year,
                this.rateSenveForm.month
            )
            this.rateSenveForm.beginTime = timeRange.beginTime
            this.rateSenveForm.endTime = timeRange.endTime
            console.log(this.rateSenveForm)
            try {
                const res = await DataStatistics.closeReasonC1(this.rateSenveForm)
                console.log(res)
                this.echartDataLoadingSenve = true
                setTimeout(() => {
                    this.echartDataLoadingSenve = false
                    res.data.forEach((item) => {
                        item.rowspan = 1
                    })
                    for (let i = 0; i < res.data.length; i++) {
                        // 内层循环，上面已经给所有的行都加了item.rowspan = 1
                        // 这里进行判断
                        // 如果当前行的cid和下一行的cid相等
                        // 就把当前item.rowspan + 1
                        // 下一行的item.rowspan - 1
                        for (let j = i + 1; j < res.data.length; j++) {
                            // 此处可根据相同字段进行合并，此处是根据的id
                            if (res.data[i].closeTheReason === res.data[j].closeTheReason) {
                                res.data[i].rowspan++
                                res.data[j].rowspan--
                            }
                        }
                        // 这里跳过已经重复的数据
                        i = i + res.data[i].rowspan - 1
                    }
                    this.echartDataSenve.data = res.data
                }, 1000)
            } catch (error) {
                console.log(error)
                this.echartDataSenve.data = []
            }
        },
        getList(isAll) {
            console.log(isAll)
            const command = this.activeName
            switch (command) {
                case '6':
                    this.querySearchCondition('MONTH_CLOSE_RATE')
                    break
                case '1':
                    this.querySearchCondition('CLOSE_RATE')
                    break
                case '2':
                    this.senveDetailC1(
                        this.currentRowdata.closeTheReason,
                        this.currentRowdata.closeTheSolution
                    )
                    break
                case '3':
                    this.nineDetailC1(
                        this.currentRowdata.parentStageId,
                        this.currentRowdata.stage
                    )
                    break
                case '4':
                    if (this.activeName4 === '11') {
                        this.stageDetail(this.currentRowdata.stageId)
                    } else if (this.activeName4 === '12') {
                        console.log('部门处理时长')
                        this.durationDepDetail(this.currentRowdata.depCode, this.currentRowdata.ctag)
                    } else if (this.activeName4 === '13') {
                        console.log('反馈来源处理时长')
                        this.feedBackSourceTableDetail(this.currentRowdata.feedbackSourceId)
                    } else if (this.activeName4 === '14') {
                        this.getDetailForC1OrC2(this.currentRowdata.durationTableEnum)
                        console.log('C1表/C2表状态')
                    } else {
                        this.invalidTableDetail(this.currentRowdata.cTagStr)
                        console.log('关闭到激活时长')
                    }
                    break
                case '5':
                    break
                default:
                    this.$message.error('无效的操作')
                    break
            }
        },

        getSenveDetail(row) {
            console.log(row)
            this.detailsDialogShow = true
            this.detailsDialogTitle = '数据列表'
            this.currentRowdata = row
            // detailsDialogList.data
            this.senveDetailC1(row.closeTheReason, row.closeTheSolution)
        },
        async sevenDetailExport() {
            const command = this.activeName
            let parmars = {}
            switch (command) {
                case '2':
                    if (this.activeName2 === '7') {
                        const timeRange = this.transYearAndMonth(
                            this.rateSenveForm.year,
                            this.rateSenveForm.month
                        )
                        this.rateSenveForm.beginTime = timeRange.beginTime
                        this.rateSenveForm.endTime = timeRange.endTime
                        parmars = { ...this.rateSenveForm }
                        parmars.exportFileName = `C1关闭原因统计-${this.currentRowdata.closeTheReasonName}`
                    } else {
                        const timeRange = this.transYearAndMonth(
                            this.rateEightForm.year,
                            this.rateEightForm.month
                        )
                        this.rateEightForm.beginTime = timeRange.beginTime
                        this.rateEightForm.endTime = timeRange.endTime
                        parmars = { ...this.rateEightForm }
                        parmars.exportFileName = `C1解决方案统计-${this.currentRowdata.closeTheSolutionName}`
                    }
                    parmars.closeTheReasonId = this.currentRowdata.closeTheReason
                    parmars.closeTheSolutionId = this.currentRowdata.closeTheSolution
                    parmars.pageSize = this.detailsDialogList.pageSize
                    parmars.pageIndex = this.detailsDialogList.pageIndex
                    try {
                        await DataStatistics.sevenDetailExport(parmars)
                    } catch (error) {
                        console.log(error)
                    }
                    break
                case '3':
                    if (this.activeName3 === '9') {
                        const timeRange = this.transYearAndMonth(
                            this.rateNightForm.year,
                            this.rateNightForm.month
                        )
                        this.rateNightForm.beginTime = timeRange.beginTime
                        this.rateNightForm.endTime = timeRange.endTime
                        parmars = { ...this.rateNightForm }
                        parmars.exportFileName = `C1未关闭阶段统计-${this.currentRowdata.stageName}`
                    } else {
                        const timeRange = this.transYearAndMonth(
                            this.rateNightForm.year,
                            this.rateNightForm.month
                        )
                        this.rateNightForm.beginTime = timeRange.beginTime
                        this.rateNightForm.endTime = timeRange.endTime
                        parmars = { ...this.rateNightForm }
                        parmars.exportFileName = `营销项目名称统计-${this.currentRowdata.stageName}`
                    }
                    parmars.parentStageId = this.currentRowdata.parentStageId
                    parmars.stageId = this.currentRowdata.stage
                    parmars.pageSize = this.detailsDialogList.pageSize
                    parmars.pageIndex = this.detailsDialogList.pageIndex
                    try {
                        await DataStatistics.nineDetialExport(parmars)
                    } catch (error) {
                        console.log(error)
                    }
                    break
                case '4':
                    if (this.activeName4 === '11') {
                        const timeRange = this.transYearAndMonth(
                            this.rateElevenForm.year,
                            this.rateElevenForm.month
                        )
                        this.rateElevenForm.beginDate = timeRange.beginTime
                        this.rateElevenForm.endDate = timeRange.endTime
                        parmars = { ...this.rateElevenForm }
                        parmars.exportFileName = `C1已关闭阶段时长-${this.currentRowdata.stageName}`
                        parmars.stageId = this.currentRowdata.stage
                        parmars.pageSize = this.detailsDialogList.pageSize
                        parmars.pageIndex = this.detailsDialogList.pageIndex
                        try {
                            await DataStatistics.durationStageDetailExport(parmars)
                        } catch (error) {
                            console.log(error)
                        }
                    } else if (this.activeName4 === '12') {
                        const timeRange = this.transYearAndMonth(
                            this.rateElevenForm.year,
                            this.rateElevenForm.month
                        )
                        this.rateElevenForm.beginDate = timeRange.beginTime
                        this.rateElevenForm.endDate = timeRange.endTime
                        parmars = { ...this.rateElevenForm }
                        parmars.exportFileName = `部门处理时长-${this.currentRowdata.depName}`
                        parmars.ctag = this.currentRowdata.ctag
                        parmars.deptCode = this.currentRowdata.depCode
                        parmars.pageSize = this.detailsDialogList.pageSize
                        parmars.pageIndex = this.detailsDialogList.pageIndex
                        try {
                            await DataStatistics.durationDepDetailExport(parmars)
                        } catch (error) {
                            console.log(error)
                        }
                        // durationDepDetailExport
                        console.log('部门处理时长')
                    } else if (this.activeName4 === '13') {
                        const timeRange = this.transYearAndMonth(
                            this.rateThirtForm.year,
                            this.rateThirtForm.month
                        )
                        this.rateThirtForm.beginDate = timeRange.beginTime
                        this.rateThirtForm.endDate = timeRange.endTime
                        parmars = { ...this.rateThirtForm }
                        parmars.exportFileName = `反馈来源处理时长-${this.currentRowdata.feedbackSourceName}`
                        parmars.feedbackSourceId = this.currentRowdata.feedbackSourceId
                        parmars.pageSize = this.detailsDialogList.pageSize
                        parmars.pageIndex = this.detailsDialogList.pageIndex
                        try {
                            await DataStatistics.fedSourceTableDetailExport(parmars)
                        } catch (error) {
                            console.log(error)
                        }
                        console.log('反馈来源')
                    } else if (this.activeName4 === '14') {
                        const timeRange = this.transYearAndMonth(
                            this.rateFourtForm.year,
                            this.rateFourtForm.month
                        )
                        this.rateFourtForm.beginDate = timeRange.beginTime
                        this.rateFourtForm.endDate = timeRange.endTime
                        const parmars = { ...this.rateFourtForm }
                        parmars.pageSize = this.detailsDialogList.pageSize
                        parmars.pageIndex = this.detailsDialogList.pageIndex
                        parmars.ctagEnum = this.currentRowdata.cTagStr
                        parmars.closed = this.currentRowdata.closed
                        parmars.fileName = `${this.currentRowdata.cTagStr}${this.currentRowdata.closedStr}`
                        parmars.durationTableEnum = this.currentRowdata.durationTableEnum
                        try {
                            await DataStatistics.c1AndC2TableDetailExport(parmars)
                        } catch (error) {
                            console.log(error)
                        }
                        //  c1AndC2TableDetailExport()
                        console.log('C1表/C2表状态')
                    } else {
                        const timeRange = this.transYearAndMonth(
                            this.rateFiftForm.year,
                            this.rateFiftForm.month
                        )
                        this.rateFiftForm.beginDate = timeRange.beginTime
                        this.rateFiftForm.endDate = timeRange.endTime
                        const parmars = { ...this.rateFiftForm }
                        parmars.pageSize = this.detailsDialogList.pageSize
                        parmars.pageIndex = this.detailsDialogList.pageIndex
                        parmars.ctag = this.currentRowdata.cTagStr
                        parmars.fileName = `${this.currentRowdata.cTagStr}-关闭到激活时长`
                        try {
                            await DataStatistics.invalidTableDetailExport(parmars)
                        } catch (error) {
                            console.log(error)
                        }
                        // invalidTableDetailExport
                        console.log('关闭到激活时长')
                    }

                    break
                case '5':
                    console.log('2222')

                    break
                default:
                    this.$message.error('无效的操作')
                    break
            }
            // rateEightForm
        },
        async senveDetailC1(closeTheReason, closeTheSolution) {
            console.log(this.activeName2)
            let parmars
            if (this.activeName2 == '7') {
                const timeRange = this.transYearAndMonth(
                    this.rateSenveForm.year,
                    this.rateSenveForm.month
                )
                this.rateSenveForm.beginTime = timeRange.beginTime
                this.rateSenveForm.endTime = timeRange.endTime
                parmars = { ...this.rateSenveForm }
            } else if (this.activeName2 == '8') {
                const timeRange = this.transYearAndMonth(
                    this.rateEightForm.year,
                    this.rateEightForm.month
                )
                this.rateEightForm.beginTime = timeRange.beginTime
                this.rateEightForm.endTime = timeRange.endTime
                parmars = { ...this.rateEightForm }
            }
            parmars.pageSize = this.detailsDialogList.pageSize
            parmars.pageIndex = this.detailsDialogList.pageIndex
            parmars.closeTheReasonId = closeTheReason
            parmars.closeTheSolutionId = closeTheSolution
            console.log('parmars', parmars)
            try {
                const res = await DataStatistics.senveDetailC1(parmars)
                this.detailsDialogList.data = res.data.data
                this.detailsDialogList.total = res.data.total
            } catch (error) {
                console.log(error)
                this.detailsDialogList.data = []
            }
        },
        handledetailsDialogClose() {
            this.detailsDialogShow = false
            this.currentRowdata = {}
            this.detailsDialogList.data = []
            this.detailsDialogList.pageSize = 50
            this.detailsDialogList.pageIndex = 1
            this.detailsDialogList.total = 0
        },
        rateEightSearch() {
            this.solutionC1()
        },
        async solutionC1() {
            console.log(
                this.transYearAndMonth(
                    this.rateEightForm.year,
                    this.rateEightForm.month
                )
            )
            const timeRange = this.transYearAndMonth(
                this.rateEightForm.year,
                this.rateEightForm.month
            )
            this.rateEightForm.beginTime = timeRange.beginTime
            this.rateEightForm.endTime = timeRange.endTime
            try {
                const res = await DataStatistics.solutionC1(this.rateEightForm)
                console.log(res)
                this.echartDataLoadingEight = true
                setTimeout(() => {
                    res.data.forEach((item) => {
                        item.rowspan = 1
                    })
                    for (let i = 0; i < res.data.length; i++) {
                        // 内层循环，上面已经给所有的行都加了item.rowspan = 1
                        // 这里进行判断
                        // 如果当前行的cid和下一行的cid相等
                        // 就把当前item.rowspan + 1
                        // 下一行的item.rowspan - 1
                        for (let j = i + 1; j < res.data.length; j++) {
                            // 此处可根据相同字段进行合并，此处是根据的id
                            if (res.data[i].closeTheReason === res.data[j].closeTheReason) {
                                res.data[i].rowspan++
                                res.data[j].rowspan--
                            }
                        }
                        // 这里跳过已经重复的数据
                        i = i + res.data[i].rowspan - 1
                    }
                    this.echartDataLoadingEight = false
                    this.echartDataEight.data = res.data
                }, 1000)
            } catch (error) {
                console.log(error)
                this.echartDataEight.data = []
            }
        },
        async exportEight() {
            const timeRange = this.transYearAndMonth(
                this.rateEightForm.year,
                this.rateEightForm.month
            )
            this.rateEightForm.beginTime = timeRange.beginTime
            this.rateEightForm.endTime = timeRange.endTime
            try {
                const result = await DataStatistics.exportEight(this.rateEightForm)
                console.log(result)
            } catch (error) {
                console.log(error)
            }
        },
        async nineStageC1() {
            console.log(
                this.transYearAndMonth(
                    this.rateNightForm.year,
                    this.rateNightForm.month
                )
            )
            const timeRange = this.transYearAndMonth(
                this.rateNightForm.year,
                this.rateNightForm.month
            )
            this.rateNightForm.beginTime = timeRange.beginTime
            this.rateNightForm.endTime = timeRange.endTime
            try {
                const res = await DataStatistics.nineStageC1(this.rateNightForm)
                console.log(res)
                this.echartDataLoadingNight = true
                setTimeout(() => {
                    res.data.forEach((item) => {
                        item.rowspan = 1
                    })
                    for (let i = 0; i < res.data.length; i++) {
                        // 内层循环，上面已经给所有的行都加了item.rowspan = 1
                        // 这里进行判断
                        // 如果当前行的cid和下一行的cid相等
                        // 就把当前item.rowspan + 1
                        // 下一行的item.rowspan - 1
                        for (let j = i + 1; j < res.data.length; j++) {
                            // 此处可根据相同字段进行合并，此处是根据的id
                            if (res.data[i].parentStageId === res.data[j].parentStageId || res.data[i].stageRate === res.data[j].stageRate) {
                                res.data[i].rowspan++
                                res.data[j].rowspan--
                            }
                        }
                        // 这里跳过已经重复的数据
                        i = i + res.data[i].rowspan - 1
                    }
                    this.echartDataLoadingNight = false
                    this.echartDataNight.data = res.data
                }, 1000)
            } catch (error) {
                console.log(error)
                this.echartDataNight.data = []
            }
        },
        getNineDetail(row) {
            console.log(row)
            this.detailsDialogShow = true
            this.detailsDialogTitle = '数据列表'
            this.currentRowdata = row
            // detailsDialogList.data
            this.nineDetailC1(row.parentStageId, row.stage)
        },
        async nineDetailC1(parentStageId, stageId) {
            const timeRange = this.transYearAndMonth(
                this.rateNightForm.year,
                this.rateNightForm.month
            )
            this.rateNightForm.beginTime = timeRange.beginTime
            this.rateNightForm.endTime = timeRange.endTime
            const parmars = { ...this.rateNightForm }
            parmars.pageSize = this.detailsDialogList.pageSize
            parmars.pageIndex = this.detailsDialogList.pageIndex
            parmars.parentStageId = parentStageId
            parmars.stageId = stageId
            console.log('parmars', parmars)
            try {
                const res = await DataStatistics.nineDetailC1(parmars)
                this.detailsDialogList.data = res.data.data
                this.detailsDialogList.total = res.data.total
            } catch (error) {
                console.log(error)
                this.detailsDialogList.data = []
            }
        },
        async exportNine() {
            const timeRange = this.transYearAndMonth(
                this.rateNightForm.year,
                this.rateNightForm.month
            )
            this.rateNightForm.beginTime = timeRange.beginTime
            this.rateNightForm.endTime = timeRange.endTime
            try {
                const result = await DataStatistics.exportNine(this.rateNightForm)
                console.log(result)
            } catch (error) {
                console.log(error)
            }
        },
        async tenCharts() {
            const timeRange = this.transYearAndMonth(
                this.rateTenForm.year,
                this.rateTenForm.month
            )
            this.rateTenForm.beginTime = timeRange.beginTime
            this.rateTenForm.endTime = timeRange.endTime
            try {
                const res = await DataStatistics.tenCharts(this.rateTenForm)
                if (res.success) {
                    console.log('chartData', res)
                }
            } catch (error) {
                console.log(error)
                this.detailsDialogList.data = []
            }
        },
        // 表单重置
        reset(formName) {
            this.$refs[formName].resetFields()
        },
        // 月度反馈关闭率 搜索
        searchCharts() {
            console.log(this.searchConditionForm)
            this.exportFormSix = { ...this.searchConditionForm }
            this.closeRateMonthly()
            this.staticChartsMonthly()
        },
        // 月度反馈关闭率 导出
        async exportRateOfMonth() {
            try {
                const result = await DataStatistics.exportRateOfMonth(
                    this.exportFormSix
                )
                console.log(result)
            } catch (error) {
                console.log(error)
            }
        },
        // 月度反馈关闭率 导出未达标数据
        async exportRateDetailOfMonth() {
            try {
                const result = await DataStatistics.exportRateDetailOfMonth(
                    this.exportFormSix
                )
                console.log(result)
            } catch (error) {
                console.log(error)
            }
        },
        // 月度反馈关闭率 UI图标数据
        async staticChartsMonthly() {
            const parmars = JSON.parse(JSON.stringify(this.exportFormSix))
            parmars.year = parmars.year * 1
            try {
                const result = await DataStatistics.staticChartsMonthly(parmars)
                if (result.success) {
                    console.log(result.data)
                    const arrs = []
                    result.data.forEach((element) => {
                        arrs.push(element.rate)
                    })

                    this.pieOptionSix.series = [
                        {
                            type: 'column',
                            name: '合计反馈关闭率',
                            data: arrs
                        }
                    ]
                }
            } catch (error) {
                console.log(error)
            }
        },
        // 月度反馈关闭率 table表格数据
        async closeRateMonthly() {
            const parmars = JSON.parse(JSON.stringify(this.searchConditionForm))
            parmars.year = parmars.year * 1
            this.echartDataLoading = true
            try {
                const result = await DataStatistics.CloseRateMonthly(parmars)
                if (result.success) {
                    console.log(result.data)
                    setTimeout(() => {
                        this.echartDataLoading = false
                        this.echartDataSix.data = result.data
                    }, 1000)
                } else {
                    this.echartDataLoading = false
                }
            } catch (error) {
                this.echartDataLoading = false
                console.log(error)
            }
        },
        // 反馈关闭率搜索
        rateSearch() {
            console.log(this.rateForm)
            this.exportFormOne = { ...this.rateForm }
            this.CloseRateFeedBack()
        },
        // 月度反馈关闭率 导出
        async FeedbackExport() {
            try {
                const result = await DataStatistics.FeedbackExport(this.exportFormOne)
                console.log(result)
            } catch (error) {
                console.log(error)
            }
        },
        async FeedBackDetailExport() {
            try {
                const result = await DataStatistics.FeedBackDetailExport(
                    this.exportFormOne
                )
                console.log(result)
            } catch (error) {
                console.log(error)
            }
        },
        // 反馈关闭率 table表格数据
        async CloseRateFeedBack() {
            console.log(this.exportFormOne)
            if (this.exportFormOne.month > 12) {
                this.exportFormOne.realTimeDay = this.exportFormOne.month
            } else {
                this.exportFormOne.realTimeDay = ''
            }
            const parmars = JSON.parse(JSON.stringify(this.exportFormOne))
            parmars.year = parmars.year * 1
            this.echartDataLoadingOne = true
            try {
                const result = await DataStatistics.CloseRateFeedBack(parmars)
                if (result.success) {
                    console.log(result.data)
                    setTimeout(() => {
                        this.echartDataLoadingOne = false
                        this.echartDataOne.data = result.data
                    }, 1000)
                } else {
                    this.echartDataLoadingOne = false
                }
            } catch (error) {
                this.echartDataLoadingOne = false
                console.log(error)
            }
        },
        async durationStageTableExport() {
            const timeRange = this.transYearAndMonth(
                this.rateElevenForm.year,
                this.rateElevenForm.month
            )
            this.rateElevenForm.beginDate = timeRange.beginTime
            this.rateElevenForm.endDate = timeRange.endTime
            try {
                const result = await DataStatistics.durationStageTableExport(this.rateElevenForm)
                console.log(result)
            } catch (error) {
                console.log(error)
            }
        },

        clickStageDetail(row) {
            console.log(row)
            this.detailsDialogShow = true
            this.detailsDialogTitle = '数据列表'
            this.currentRowdata = row
            // detailsDialogList.data
            this.stageDetail(row.stageId)
        },

        async stageDetail(stageId) {
            const timeRange = this.transYearAndMonth(
                this.rateElevenForm.year,
                this.rateElevenForm.month
            )
            this.rateElevenForm.beginDate = timeRange.beginTime
            this.rateElevenForm.endDate = timeRange.endTime
            const parmars = { ...this.rateElevenForm }
            parmars.pageSize = this.detailsDialogList.pageSize
            parmars.pageIndex = this.detailsDialogList.pageIndex
            // parmars.parentStageId = parentStageId
            parmars.stageId = stageId
            console.log('parmars', parmars)
            try {
                const res = await DataStatistics.stageDetail(parmars)
                this.detailsDialogList.data = res.data.data
                this.detailsDialogList.total = res.data.total
            } catch (error) {
                console.log(error)
                this.detailsDialogList.data = []
            }
        },
        // durationStage
        // 月度反馈关闭率 table表格数据
        async durationStage() {
            console.log(
                this.transYearAndMonth(
                    this.rateElevenForm.year,
                    this.rateElevenForm.month
                )
            )
            const timeRange = this.transYearAndMonth(
                this.rateElevenForm.year,
                this.rateElevenForm.month
            )
            this.rateElevenForm.beginDate = timeRange.beginTime
            this.rateElevenForm.endDate = timeRange.endTime
            console.log(this.rateElevenForm)
            this.echartDataLoadingEleven = true
            try {
                const res = await DataStatistics.durationStage(this.rateElevenForm)
                if (res.success) {
                    console.log(res.data)
                    setTimeout(() => {
                        this.echartDataLoadingEleven = false
                        console.log(res.data)
                        res.data.forEach((item) => {
                            item.rowspan = 1
                        })
                        for (let i = 0; i < res.data.length; i++) {
                            // 内层循环，上面已经给所有的行都加了item.rowspan = 1
                            // 这里进行判断
                            // 如果当前行的cid和下一行的cid相等
                            // 就把当前item.rowspan + 1
                            // 下一行的item.rowspan - 1
                            for (let j = i + 1; j < res.data.length; j++) {
                                // 此处可根据相同字段进行合并，此处是根据的id
                                if (res.data[i].parentStageId === res.data[j].parentStageId) {
                                    res.data[i].rowspan++
                                    res.data[j].rowspan--
                                }
                            }
                            // 这里跳过已经重复的数据
                            i = i + res.data[i].rowspan - 1
                        }
                        this.echartDataEleven.data = res.data
                    }, 1000)
                } else {
                    this.echartDataLoadingEleven = false
                }
            } catch (error) {
                this.echartDataLoadingEleven = false
                console.log(error)
            }
        },
        ratebackSearch() {
            this.GoBackTable()
        },
        async GoBackTable() {
            const timeRange = this.transYearAndMonth(
                this.backSituationForm.year,
                this.backSituationForm.month
            )
            this.backSituationForm.beginDate = timeRange.beginTime
            this.backSituationForm.endDate = timeRange.endTime
            const parmars = { ...this.backSituationForm }
            this.echartDataLoadingBack = true
            try {
                const result = await DataStatistics.GoBackTable(parmars)
                if (result.success) {
                    console.log(result.data)
                    setTimeout(() => {
                        this.echartDataLoadingBack = false
                        console.log(result.data)
                        this.echartDataBack.data = result.data
                    }, 1000)
                } else {
                    this.echartDataLoadingBack = false
                }
            } catch (error) {
                this.echartDataLoadingBack = false
                console.log(error)
            }
        },
        handleClick() {
            console.log('tab, event')
            // console.log(this.activeName)
            // if (this.activeName === '6') {
            //     this.closeRateMonthly()
            //     this.staticChartsMonthly()
            // } else if (this.activeName === '1') {
            //     this.CloseRateFeedBack()
            // } else if (this.activeName === '2') {
            //     this.activeName2 = '7'
            //     this.closeReasonC1()
            // } else if (this.activeName === '3') {
            //     this.activeName3 = '9'
            //     this.nineStageC1()
            // } else if (this.activeName === '4') {
            //     this.activeName4 = '11'
            //     this.durationStage()
            // } else {
            //     this.GoBackTable()
            // }
        },
        handleClick2() {
            console.log('2')
            // if (this.activeName2 === '7') {
            //     this.closeReasonC1()
            //     console.log('C1关闭原因统计')
            // } else {
            //     this.solutionC1()
            //     console.log('C1解决方案统计')
            // }
        },
        handleClick3() {
            console.log('2')
            // if (this.activeName3 === '9') {
            //     this.nineStageC1()
            //     console.log('C1未关闭阶段统计')
            // } else {
            //     console.log('营销项目名称统计')
            // }
        },
        handleClick4() {
            console.log('2')
            // if (this.activeName4 === '11') {
            //     console.log('C1已关闭阶段时长')
            //     this.durationStage()
            // } else if (this.activeName4 === '12') {
            //     console.log('部门处理时长')
            //     this.durationDep()
            // } else if (this.activeName4 === '13') {
            //     console.log('反馈来源处理时长')
            //     this.feedBackSourceTable()
            // } else if (this.activeName4 === '14') {
            //     console.log('C1表/C2表状态')
            //     this.c1AndC2Table()
            // } else {
            //     console.log('关闭到激活时长')
            //     this.invalidTable()
            // }
        },
        handleDialogFormClose() {
            this.conditionTable = []
            this.dialogFormVisible = false
        },
        handleClose(done) {
            this.$refs['saveSearchConditionForm'].resetFields()
            done()
        },
        cancelDialog() {
            this.$refs['saveSearchConditionForm'].resetFields()
            this.saveSearchConditionDialog = false
        },
        handlecenterClose() {
            this.centerDialogVisible = false
            this.exportSearch = {}
            this.exportListName = ''
            this.queryinfo = {
                pageIndex: 1,
                pageRow: 50
            }
        },
        handleSizeChange(_val) {
            this.queryinfo.pageRow = _val
            this.exportSearch.pageSize = this.queryinfo.pageRow
            if (this.exportListName === 'GoBackDetailExport') {
                this.GoBackDetail()
            }
            // this.searchClick()
        },
        handleCurrentChange(_val) {
            this.queryinfo.pageIndex = _val
            this.exportSearch.pageIndex = this.queryinfo.pageIndex
            if (this.exportListName === 'GoBackDetailExport') {
                this.GoBackDetail()
            }
        },
        async getFeedBackList(enumGoBackType, field) {
            console.log(enumGoBackType, field)
            let goBackType = null
            let fileName = null
            if (enumGoBackType === 'C1激活次数') {
                goBackType = 'C1_ACTIVE'
            } else if (enumGoBackType === 'C2激活次数') {
                goBackType = 'C2_ACTIVE'
            } else if (enumGoBackType === '初始被打回次数') {
                goBackType = 'GO_BACK_INIT'
            } else {
                goBackType = 'GO_BACK_RESEARCH'
            }
            let group = null
            if (field === 'allCount') {
                group = 'ALL'
                fileName = enumGoBackType + '总数'
            } else if (field === 'moreThree') {
                group = 'MORE_THREE'
                fileName = enumGoBackType + '三次以上'
            } else if (field === 'three') {
                group = 'THREE'
                fileName = enumGoBackType + '3次'
            } else if (field === 'two') {
                group = 'TWO'
                fileName = enumGoBackType + '2次'
            } else if (field === 'one') {
                group = 'ONE'
                fileName = enumGoBackType + '1次'
            } else {
                group = 'ZERO'
                fileName = enumGoBackType + '0次'
            }
            const parmars = JSON.parse(JSON.stringify(this.backSituationForm))
            console.log(parmars)
            const data = {
                beginDate: parmars.beginDate,
                endDate: parmars.endDate,
                fileName: fileName,
                goBackType: goBackType,
                group: group,
                marketProject: parmars.marketProject,
                pageIndex: this.queryinfo.pageIndex,
                pageSize: this.queryinfo.pageRow,
                productId: parmars.productId
            }
            this.exportSearch = data
            this.exportListName = 'GoBackDetailExport'
            this.centerDialogVisible = true
            this.GoBackDetail()
        },
        async GoBackTableExport() {
            // backSituationForm
            const timeRange = this.transYearAndMonth(
                this.backSituationForm.year,
                this.backSituationForm.month
            )
            this.backSituationForm.beginDate = timeRange.beginTime
            this.backSituationForm.endDate = timeRange.endTime
            const parmars = { ...this.backSituationForm }
            parmars.group = 'ALL'
            try {
                const result = await DataStatistics.GoBackTableExport(parmars)
                console.log(result)
            } catch (error) {
                console.log(error)
            }
        },
        async GoBackDetail() {
            const data = JSON.parse(JSON.stringify(this.exportSearch))
            try {
                const result = await DataStatistics.GoBackDetail(data)
                if (result.success) {
                    console.log(result.data)

                    this.feedBackList.data = result.data.data
                    this.totalNumber = result.data.total
                } else {
                    this.feedBackList.data = []
                    this.totalNumber = 0
                }
            } catch (err) {
                this.feedBackList.data = []
                this.totalNumber = 0
                console.log(err)
            }
        },
        async exportCharts() {
            const parmars = JSON.parse(JSON.stringify(this.exportSearch))
            console.log(parmars)
            if (this.exportListName === 'GoBackDetailExport') {
                try {
                    await DataStatistics.GoBackDetailExport(parmars)
                } catch (err) {
                    this.$message.error('服务器异常')
                }
            }
        },

        tofeedBack(id) {
            this.detailsDialogShow = false
            this.centerDialogVisible = false
            this.$router.push({
                path: 'Details?id=' + id
            })
        },
        async querySearchCondition(type) {
            try {
                const result = await DataStatistics.querySearchCondition({
                    queryWhereEnum: type
                })
                console.log(result)
                if (result.success) {
                    this.conditionTable = result.data
                } else {
                    this.conditionTable = []
                }
            } catch (error) {
                this.conditionTable = []

                console.log(error)
            }
        },
        async CreateSearchCondition(parmars, text, type) {
            console.log(parmars)
            const parms = {
                name: text,
                type: type,
                content: JSON.stringify(parmars)
            }
            console.log(parms)
            try {
                const result = await DataStatistics.CreateSearchCondition(parms)
                console.log(result)
                if (result.success) {
                    this.$message.success('保存成功')
                    this.saveSearchConditionDialog = false
                } else {
                    this.$message.error('保存失败')
                    this.saveSearchConditionDialog = false
                }
            } catch (error) {
                console.log(error)
            }
        },
        subSearchConditionForm(formName) {
            this.$refs[formName].validate((valid) => {
                if (valid) {
                    this.saveConditionAsync(this.saveSearchConditionForm.text)
                    this.saveSearchConditionDialog = false
                    this.$refs['saveSearchConditionForm'].resetFields()
                } else {
                    console.log('error submit!!')
                    return false
                }
            })
        },

        saveConditionAsync(text) {
            const command = this.activeName
            switch (command) {
                case '6':
                    var obj6 = {
                        productId: this.searchConditionForm.productId,
                        marketProject: this.searchConditionForm.marketProject,
                        feedBackSource: this.searchConditionForm.feedBackSource,
                        feedBackId: this.searchConditionForm.feedBackId,
                        onlyNotClose: this.searchConditionForm.onlyNotClose
                    }
                    this.CreateSearchCondition(
                        obj6,
                        text,
                        'MONTH_CLOSE_RATE'
                    )
                    break
                case '1':
                    // eslint-disable-next-line no-redeclare
                    var obj1 = {
                        feedBackSource: this.rateForm.feedBackSource,
                        influenceCategory: this.rateForm.influenceCategory,
                        marketProject: this.rateForm.marketProject,
                        productId: this.rateForm.productId,
                        serverRequestTag: this.rateForm.serverRequestTag,
                        realTimeDay: this.rateForm.realTimeDay
                    }
                    this.CreateSearchCondition(obj1, text, 'CLOSE_RATE')
                    break
                case '2':
                    if (this.activeName2 === '7') {
                        var obj7 = {
                            productId: this.rateSenveForm.productId,
                            marketProject: this.rateSenveForm.marketProject,
                            beginTime: this.rateSenveForm.beginTime,
                            endTime: this.rateSenveForm.endTime,
                            serverRequestTag: this.rateSenveForm.serverRequestTag,
                            feedBackSource: this.rateSenveForm.feedBackSource
                        }
                        this.CreateSearchCondition(obj7, text, 'CLOSE')
                    } else {
                        console.log(this.rateEightForm)
                        var obj8 = {
                            productId: this.rateEightForm.productId,
                            marketProject: this.rateEightForm.marketProject,
                            beginTime: this.rateEightForm.beginTime,
                            endTime: this.rateEightForm.endTime,
                            serverRequestTag: this.rateEightForm.serverRequestTag,
                            feedBackSource: this.rateEightForm.feedBackSource
                        }
                        this.CreateSearchCondition(obj8, text, 'CLOSE')
                    }
                    break
                case '3':
                    if (this.activeName3 === '9') {
                        console.log(this.rateNightForm)
                        var obj9 = {
                            productId: this.rateNightForm.productId,
                            marketProject: this.rateNightForm.marketProject,
                            beginTime: this.rateNightForm.beginTime,
                            endTime: this.rateNightForm.endTime,
                            serverRequestTag: this.rateNightForm.serverRequestTag,
                            feedBackSource: this.rateNightForm.feedBackSource
                        }
                        this.CreateSearchCondition(obj9, text, 'NOT_CLOSE')
                    } else {
                        console.log(this.rateTenForm)
                        var obj10 = {
                            productId: this.rateTenForm.productId,
                            marketProject: this.rateTenForm.marketProject,
                            beginTime: this.rateTenForm.beginTime,
                            endTime: this.rateTenForm.endTime,
                            serverRequestTag: this.rateTenForm.serverRequestTag,
                            feedBackSource: this.rateTenForm.feedBackSource
                        }
                        this.CreateSearchCondition(obj10, text, 'NOT_CLOSE')
                    }
                    break
                case '4':
                    // rateElevenForm  rateThirtForm rateFourtForm  rateFiftForm
                    if (this.activeName4 === '11') {
                        console.log(this.rateElevenForm)
                        var obj11 = {
                            productId: this.rateElevenForm.productId,
                            marketProject: this.rateElevenForm.marketProject,
                            beginDate: this.rateElevenForm.beginDate,
                            endDate: this.rateElevenForm.endDate,
                            serverRequest: this.rateElevenForm.serverRequest,
                            feedBackSource: this.rateElevenForm.feedBackSource
                        }
                        this.CreateSearchCondition(obj11, text, 'DURATION')
                    } else if (this.activeName4 === '12') {
                        console.log(this.rateTwelveForm)
                        var obj12 = {
                            productId: this.rateTwelveForm.productId,
                            marketProject: this.rateTwelveForm.marketProject,
                            beginDate: this.rateTwelveForm.beginDate,
                            endDate: this.rateTwelveForm.endDate,
                            serverRequest: this.rateTwelveForm.serverRequest,
                            feedBackSource: this.rateTwelveForm.feedBackSource
                        }
                        this.CreateSearchCondition(obj12, text, 'DURATION')
                    } else if (this.activeName4 === '13') {
                        console.log(this.rateThirtForm)
                        var obj13 = {
                            productId: this.rateThirtForm.productId,
                            marketProject: this.rateThirtForm.marketProject,
                            beginDate: this.rateThirtForm.beginDate,
                            endDate: this.rateThirtForm.endDate,
                            serverRequest: this.rateThirtForm.serverRequest,
                            feedBackSource: this.rateThirtForm.feedBackSource
                        }
                        this.CreateSearchCondition(obj13, text, 'DURATION')
                    } else if (this.activeName4 === '14') {
                        console.log(this.rateFourtForm)
                        var obj14 = {
                            productId: this.rateFourtForm.productId,
                            marketProject: this.rateFourtForm.marketProject,
                            beginDate: this.rateFourtForm.beginDate,
                            endDate: this.rateFourtForm.endDate,
                            serverRequest: this.rateFourtForm.serverRequest,
                            feedBackSource: this.rateFourtForm.feedBackSource
                        }
                        this.CreateSearchCondition(obj14, text, 'DURATION')
                    } else {
                        console.log(this.rateFiftForm)
                        var obj15 = {
                            productId: this.rateFiftForm.productId,
                            marketProject: this.rateFiftForm.marketProject,
                            beginDate: this.rateFiftForm.beginDate,
                            endDate: this.rateFiftForm.endDate,
                            serverRequest: this.rateFiftForm.serverRequest,
                            feedBackSource: this.rateFiftForm.feedBackSource
                        }
                        this.CreateSearchCondition(obj15, text, 'DURATION')
                    }
                    break
                case '5':
                    console.log(this.backSituationForm)
                    var obj5 = {
                        productId: this.backSituationForm.productId,
                        marketProject: this.backSituationForm.marketProject,
                        beginDate: this.backSituationForm.beginDate,
                        endDate: this.backSituationForm.endDate
                    }
                    this.CreateSearchCondition(obj5, text, 'GO_BACK')
                    break
                default:
                    this.$message.error('无效的操作')
                    break
            }
        },
        deleteCondition(row) {
            console.log(row)
            this.RemoveSearchCondition(row.id)
        },
        async RemoveSearchCondition(id) {
            try {
                const result = await DataStatistics.RemoveSearchCondition(id)
                console.log(result)
                if (result.success) {
                    this.$message.success('删除成功')
                    this.initConditionTable()
                } else {
                    this.$message.error('删除失败')
                    this.initConditionTable()
                }
            } catch (error) {
                console.log(error)
                this.initConditionTable()
            }
        },
        useCondition(row) {
            console.log(row)
            const command = row.type
            switch (command) {
                case 'MONTH_CLOSE_RATE':
                    console.log(this.searchConditionForm)
                    var arr6 = JSON.parse(row.content)
                    this.searchConditionForm.productId = arr6.productId
                    this.searchConditionForm.marketProject = arr6.marketProject
                    this.searchConditionForm.feedBackSource = arr6.feedBackSource
                    this.searchConditionForm.feedBackId = arr6.feedBackId
                    this.searchConditionForm.onlyNotClose = arr6.onlyNotClose
                    // this.searchConditionForm = JSON.parse(row.content)
                    this.dialogFormVisible = false
                    this.conditionTable = []

                    break
                case 'CLOSE_RATE':
                    var arr1 = JSON.parse(row.content)
                    this.rateForm.feedBackSource = arr1.feedBackSource
                    this.rateForm.influenceCategory = arr1.influenceCategory
                    this.rateForm.marketProject = arr1.marketProject
                    this.rateForm.productId = arr1.productId
                    this.rateForm.serverRequestTag = arr1.serverRequestTag
                    this.rateForm.realTimeDay = arr1.realTimeDay
                    // this.rateForm = JSON.parse(row.content)
                    this.dialogFormVisible = false
                    this.conditionTable = []
                    break
                case 'CLOSE':
                    if (this.activeName2 === '7') {
                        var arr7 = JSON.parse(row.content)
                        this.rateSenveForm.productId = arr7.productId
                        this.rateSenveForm.marketProject = arr7.marketProject
                        this.rateSenveForm.beginTime = arr7.beginTime
                        this.rateSenveForm.endTime = arr7.endTime
                        this.rateSenveForm.serverRequestTag = arr7.serverRequestTag
                        this.rateSenveForm.feedBackSource = arr7.feedBackSource
                        // this.rateSenveForm = JSON.parse(row.content)
                    } else {
                        var arr8 = JSON.parse(row.content)
                        this.rateEightForm.productId = arr8.productId
                        this.rateEightForm.marketProject = arr8.marketProject
                        this.rateEightForm.beginTime = arr8.beginTime
                        this.rateEightForm.endTime = arr8.endTime
                        this.rateEightForm.serverRequestTag = arr8.serverRequestTag
                        this.rateEightForm.feedBackSource = arr8.feedBackSource
                        // this.rateEightForm = JSON.parse(row.content)
                    }

                    this.dialogFormVisible = false
                    this.conditionTable = []

                    break
                case 'NOT_CLOSE':
                    if (this.activeName3 === '9') {
                        var arr9 = JSON.parse(row.content)
                        this.rateNightForm.productId = arr9.productId
                        this.rateNightForm.marketProject = arr9.marketProject
                        this.rateNightForm.beginTime = arr9.beginTime
                        this.rateNightForm.endTime = arr9.endTime
                        this.rateNightForm.serverRequestTag = arr9.serverRequestTag
                        this.rateNightForm.feedBackSource = arr9.feedBackSource
                        // this.rateNightForm = JSON.parse(row.content)
                    } else {
                        var arr10 = JSON.parse(row.content)
                        this.rateTenForm.productId = arr10.productId
                        this.rateTenForm.marketProject = arr10.marketProject
                        this.rateTenForm.beginTime = arr10.beginTime
                        this.rateTenForm.endTime = arr10.endTime
                        this.rateTenForm.serverRequestTag = arr10.serverRequestTag
                        this.rateTenForm.feedBackSource = arr10.feedBackSource
                        // this.rateTenForm = JSON.parse(row.content)
                    }
                    this.dialogFormVisible = false
                    this.conditionTable = []

                    break
                case 'DURATION':
                    // rateElevenForm rateTwelveForm  rateThirtForm rateFourtForm  rateFiftForm
                    if (this.activeName4 === '11') {
                        var arr11 = JSON.parse(row.content)
                        this.rateElevenForm.productId = arr11.productId
                        this.rateElevenForm.marketProject = arr11.marketProject
                        this.rateElevenForm.beginDate = arr11.beginDate
                        this.rateElevenForm.endDate = arr11.endDate
                        this.rateElevenForm.serverRequest = arr11.serverRequest
                        this.rateElevenForm.feedBackSource = arr11.feedBackSource
                        // this.rateElevenForm = JSON.parse(row.content)
                    } else if (this.activeName4 === '12') {
                        var arr12 = JSON.parse(row.content)
                        this.rateTwelveForm.productId = arr12.productId
                        this.rateTwelveForm.marketProject = arr12.marketProject
                        this.rateTwelveForm.beginDate = arr12.beginDate
                        this.rateTwelveForm.endDate = arr12.endDate
                        this.rateTwelveForm.serverRequest = arr12.serverRequest
                        this.rateTwelveForm.feedBackSource = arr12.feedBackSource
                        // this.rateTwelveForm = JSON.parse(row.content)
                    } else if (this.activeName4 === '13') {
                        var arr13 = JSON.parse(row.content)
                        this.rateThirtForm.productId = arr13.productId
                        this.rateThirtForm.marketProject = arr13.marketProject
                        this.rateThirtForm.beginDate = arr13.beginDate
                        this.rateThirtForm.endDate = arr13.endDate
                        this.rateThirtForm.serverRequest = arr13.serverRequest
                        this.rateThirtForm.feedBackSource = arr13.feedBackSource
                        // this.rateThirtForm = JSON.parse(row.content)
                    } else if (this.activeName4 === '14') {
                        var arr14 = JSON.parse(row.content)
                        this.rateFourtForm.productId = arr14.productId
                        this.rateFourtForm.marketProject = arr14.marketProject
                        this.rateFourtForm.beginDate = arr14.beginDate
                        this.rateFourtForm.endDate = arr14.endDate
                        this.rateFourtForm.serverRequest = arr14.serverRequest
                        this.rateFourtForm.feedBackSource = arr14.feedBackSource
                        // this.rateFourtForm = JSON.parse(row.content)
                    } else {
                        var arr15 = JSON.parse(row.content)
                        this.rateFiftForm.productId = arr15.productId
                        this.rateFiftForm.marketProject = arr15.marketProject
                        this.rateFiftForm.beginDate = arr15.beginDate
                        this.rateFiftForm.endDate = arr15.endDate
                        this.rateFiftForm.serverRequest = arr15.serverRequest
                        this.rateFiftForm.feedBackSource = arr15.feedBackSource
                        // this.rateFiftForm = JSON.parse(row.content)
                    }
                    this.dialogFormVisible = false
                    this.conditionTable = []

                    break
                case 'GO_BACK':
                    var arr5 = JSON.parse(row.content)
                    this.backSituationForm.productId = arr5.productId
                    this.backSituationForm.marketProject = arr5.marketProject
                    this.backSituationForm.beginDate = arr5.beginDate
                    this.backSituationForm.endDate = arr5.endDate
                    // this.backSituationForm = JSON.parse(row.content)
                    this.dialogFormVisible = false
                    this.conditionTable = []

                    break

                default:
                    this.$message.error('无效的操作')
                    this.dialogFormVisible = false
                    this.conditionTable = []

                    break
            }
        },
        searchConditionManage() {
            this.dialogFormVisible = true
            this.initConditionTable()
        },
        initConditionTable() {
            const command = this.activeName
            switch (command) {
                case '6':
                    this.querySearchCondition('MONTH_CLOSE_RATE')
                    break
                case '1':
                    this.querySearchCondition('CLOSE_RATE')
                    break
                case '2':
                    this.querySearchCondition('CLOSE')
                    break
                case '3':
                    this.querySearchCondition('NOT_CLOSE')
                    break
                case '4':
                    this.querySearchCondition('DURATION')
                    break
                case '5':
                    this.querySearchCondition('GO_BACK')
                    break
                default:
                    this.$message.error('无效的操作')
                    break
            }
        },
        saveSearchForm() {
            this.saveSearchConditionDialog = true
        },
        // 处理默认选中当前日期
        getYear() {
            return new Date().getFullYear() + ''
        },
        getMonth() {
            return new Date().getMonth() + 1
        },
        switchDetail(column, ctype, index) {
            console.log(column, ctype, index + 1)
            let beginDay = ''
            let endDay = ''
            let beginCount = ''
            let endCount = ''
            let excelName = ''
            if (ctype === '1' || ctype === '2') {
                this.dayRangeArr.forEach((element) => {
                    if (element.name === column.property) {
                        beginDay = element.beginDay
                        endDay = element.endDay
                        excelName = element.excelName
                    }
                })
                this.handleForm.closeFeedBack = false
                this.handleForm.beginDay = beginDay
                this.handleForm.endDay = endDay
                this.handleForm.excelName = excelName

                this.handleForm.ctype = ctype
                this.handleForm.type = 'FEEDBACK_TABLE_DURATION'

                this.$router.push({
                    path: '/dataStaticDetail',
                    query: {
                        data: JSON.stringify(this.handleForm),
                        type: 'FEEDBACK_TABLE_DURATION',
                        ctype: ctype,
                        currentName: this.activeName
                    }
                })
            } else {
                this.dayRangeArr2.forEach((element) => {
                    if (element.name === column.property) {
                        beginCount = element.beginCount
                        endCount = element.endCount
                        excelName = element.excelName
                    }
                })
                this.backSituationForm.closeFeedBack = true
                this.backSituationForm.beginCount = beginCount
                this.backSituationForm.endCount = endCount
                this.backSituationForm.excelName = excelName
                this.backSituationForm.queryType = index + 1

                this.backSituationForm.ctype = ctype
                this.backSituationForm.type = 'FEEDBACK_TABLE_DURATION'

                this.$router.push({
                    path: '/dataStaticDetail',
                    query: {
                        data: JSON.stringify(this.backSituationForm),
                        type: 'FEEDBACK_TABLE_DURATION',
                        ctype: ctype,
                        currentName: this.activeName
                    }
                })
            }
        },
        async getMarketProjectFirstList() {
            try {
                const result = await FormOptionSet.FormOptionSetGetAllAsync()
                if (result.success) {
                    this.buildTemplateData(result.data)
                } else {
                    this.$message.error(result.message)
                }
            } catch (err) {
                this.$message.error('服务器异常')
            }
        },
        // 数据拆分
        buildTemplateData(_data) {
            this.projectList = _data.marketProjectName
            this.problemTypeList = _data.problemTypeSets
            this.influenceCategory = _data.impactCategorySets
            // this.marketProjectSecondList = _data.marketProjectsSmall
            this.feedBackSourceList = _data.sourceFeedbackSets
            this.marketProjectFirstList = _data.marketProjects
        },

        // 获取所有产品信息
        async getProductList() {
            try {
                const result = await FeedBack.ProInsertAsync()
                if (result.success) {
                    this.ProductList = result.data
                    result.data.forEach((element) => {
                        this.allProductId.push(element.id)
                    })

                    console.log(result.data)
                } else {
                    this.ProductList = []
                }
            } catch (err) {
                console.log(err)
                this.ProductList = []
            }
        },
        // 反馈关闭率

        // 表格
        // 开始时间处理函数
        beginDate() {
            const self = this
            return {
                disabledDate(time) {
                    if (self.handleForm.endTime) {
                        // 如果结束时间不为空，则小于结束时间
                        return new Date(self.handleForm.endTime).getTime() < time.getTime()
                    } else {
                        // return time.getTime() > Date.now()//开始时间不选时，结束时间最大值小于等于当天
                    }
                }
            }
        },
        // 结束时间处理函数
        processDate() {
            const self = this
            return {
                disabledDate(time) {
                    if (self.handleForm.startTime) {
                        // 如果开始时间不为空，则结束时间大于开始时间
                        return (
                            new Date(self.handleForm.startTime).getTime() > time.getTime()
                        )
                    } else {
                        // return time.getTime() > Date.now()//开始时间不选时，结束时间最大值小于等于当天
                    }
                }
            }
        },
        beginDate2() {
            const self = this
            return {
                disabledDate(time) {
                    if (self.backSituationForm.endTime) {
                        // 如果结束时间不为空，则小于结束时间
                        return (
                            new Date(self.backSituationForm.endTime).getTime() <
                            time.getTime()
                        )
                    } else {
                        // return time.getTime() > Date.now()//开始时间不选时，结束时间最大值小于等于当天
                    }
                }
            }
        },
        processDate2() {
            const self = this
            return {
                disabledDate(time) {
                    if (self.backSituationForm.startTime) {
                        // 如果开始时间不为空，则结束时间大于开始时间
                        return (
                            new Date(self.backSituationForm.startTime).getTime() >
                            time.getTime()
                        )
                    } else {
                        // return time.getTime() > Date.now()//开始时间不选时，结束时间最大值小于等于当天
                    }
                }
            }
        }
    }
}
</script>

<style scoped lang="scss">
.myfeed {
    float: right;
    margin: 0 10px 20px 0 !important;
}
.toPageLink {
    color: #5495f7;
    text-decoration: underline;
    font-weight: bold;
    font-size: 1.5em;
    cursor: pointer;
}
.dataStatic {
    padding: 30px;
    height: 100%;
    overflow: auto;
    box-sizing: border-box;

    .sections {
        .el-card {
            height: 100%;
            .searchPart {
                height: 33px;
            }
            .chartsBox {
                width: 100%;

                .box_container {
                    width: 100%;
                    display: inline-block;

                    .chartsItem {
                        position: relative;
                        display: flex;
                        justify-content: center;
                    }
                }
            }
        }
        .searchForms {
            div {
                float: right;
            }
        }
    }
}
.searchCondition {
    padding: 35px 0;
    position: relative;
    //   min-width: 910px;
}
//.chartsItem::after {
//  content: '';
//  display: block;
//  width: 2px;
//  height: 150px;
//  border-right: 2px solid #dcdde0;
//  position: absolute;
//  right: 0;
//  top: 100px;
//}
//.chartsItem:last-child::after {
//  content: '';
//  display: none;
//}
::v-deep .el-table--enable-row-transition .el-table__body .cells:first-of-type {
    background: #f6f6f6 !important;
}
.typeTable {
    width: 100%;
    margin-top: 20px;
}
.emptyDiv {
    width: 420px;
    height: 300px;
    position: relative;
    .echartTitles {
        font-size: 17px;
        text-indent: 8px;
    }
    h3 {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
    }
}
.link-type,
.link-type:focus {
    color: rgb(32, 160, 255);
    cursor: pointer;
    text-decoration: underline;
    &:hover {
        color: #337ab7;
    }
}
.switchViews {
    float: right;
}
.paginationClock {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 0;
    ::v-deep .el-input__inner {
        width: 100%;
    }
}
.conditionPagination {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 0 0 0;
    ::v-deep .el-input__inner {
        width: 100%;
    }
}
::v-deep .el-collapse {
    border-top: none;
    border-bottom: none;
}
.left2em {
    padding-left: 2em;
}
.left4em {
    padding-left: 4em;
}
.left6em {
    padding-left: 6em;
}
</style>
